position

Определяет то, как будет расположен элемент на странице. Часто применяется в сочетании со свойствами top, right, bottom, left.

Примеры

Значения

Значение	Описание
static	По умолчанию. Элемент располагается в порядке, который идет в документе. Свойства `top`, `right`, `bottom`, `left`, `z-index` не применяются.
absolute	Абсолютное позиционирование. Элемент удаляется из потока и перестает занимать место. Расположение задается свойствами `top`, `right`, `bottom`, `left`. Расположение происходит либо от всего документа, либо от родительского блока, если у него задано позиционирование отличное от static.
fixed	Фиксированное позиционирование. Элемент удаляется из потока и перестает занимать место в документе, но в отличии от `absolute`, расположение происходит относительно окна браузера и при прокручивании страницы не меняет своего расположения, всегда остается на одном месте.
relative	Относительное позиционирование. Элемент располагается как обычно в документе, занимает свое место. Но при этом можно задать смещение с помощью `top`, `right`, `bottom`, `left` и оно не вызовет смещение других блоков,
sticky	Закрепленное/липкое позиционирование. Сочетание относительного и фиксированного позиционирования. Элемент располагается как обычно в документе, занимает место. Но при прокручивании страницы/родительского блока элемент фиксируется и остается все время на экране, при этом не влияет на расположение других блоков. Работает в связке со свойствами `top`, `right`, `bottom`, `left`. ⚠️ Не поддерживается в IE/Edge 15 или младше. Работает в Safari с версии 6.1 с префиксом `-webkit-`.