Веб-браузеры служат для отображения html-элементов согласно строгим стандартам. Блочные элементы, такие как <div>, <p> и др., обычно занимают всю доступную ширину и расположены вертикально один под другим. Строчные же элементы – <a>, <span> и другие – выстраиваются вдоль строки до тех пор, пока не заполнится вся ширина; затем происходит перенос на следующую строку. Это называется обычным (нормальным) потоком элементов. Свойство position определяет способ размещения элемента на странице. Оно задаёт, как элемент будет позиционироваться относительно окна браузера, других объектов или своего текущего места в документе. Вместе с position применяются свойства top, left, right и bottom, которые управляют смещением позиционированного элемента. | Значение по умолчанию: | static | | Наследуется: | нет | | Версия: | CSS2 | | Синтаксис JavaScript: | object.style.position="absolute" | | Значение | Описание | | static: | Элемент остаётся в том месте, где он находится в потоке документа. Попытка задать свойства top, left, right или bottom при статическом позиционировании не даст никакого эффекта. | | absolute: | Элемент с абсолютным позиционированием выскакивает из потока документа, и другие элементы смещаются на его место. Если смещение не задано – он остаётся в своём исходном положении; если указано – элемент размещается относительно ближайшего предка с ненулевым позиционированием (не static). При отсутствии такого предка позиция определяется по окну браузера. | | fixed: | Элемент фиксируется вне потока документа. Без смещения он сохраняет своё исходное место; при указании смещения – размещается относительно окна браузера и не двигается при прокрутке содержимого. | | relative: | Элемент остаётся в потоке, но может перемещаться относительно своей исходной позиции. Если смещение задано – он сдвигается, но в документе сохраняется пустое пространство, где изначально был. | | inherit: | Значение наследуется от родительского элемента. | Пример
|