Свойство position
В предыдущем уроке была свёрстана веб-страница, блоки на которой были размещены в нормальном потоке, то есть один под другим. Блоки в html-документе по умолчанию всегда расставляются в нормальном потоке. Напомним, что внешний вид получившейся страницы таков. Заметим, что на ней отсутствует боковая колонка или несколько колонок, которая имеется почти в каждом современном сайте, а может быть и не одна. Чтобы создать такую колонку, а точнее сказать, разместить блоки на странице как захочется, необходимо воспользоваться свойством position. Это свойство может иметь 4 значения:
- static - позиционирование блока в нормальном потоке. Является значением по умолчанию, поэтому можно не указывать;
- relative - относительное позиционирование;
- absolute - абсолютное позиционирование;
- fixed - фиксированное позиционирование блока.
Позиционирование в нормальном потоке было рассмотрено ранее, в следующих уроках ознакомимся подробнее с тремя другими видами позиционирования блоков.