position свойство в CSS позволяет Вам управлять местоположением элемента. Рядом с inherit значение, существует четыре определенных значения, на которые оно может быть установлено:

• static для расположения элемента согласно "нормальному потоку". Это - значение по умолчанию и не должно быть установлено.

• relative для расположения подобного static, хотя с определенным смещением относительно его нормального положения

• absolute для расположения элементов вдоль системы координат относительно элемента, "содержащего блок"

• fixed для расположения элементов с помощью системы координат, которая прикреплена к источнику поверхности отображения (обычно источник клиентской области окна браузера включения)

• sticky для расположения элемента как родственник, пока определенный порог прокрутки не был достигнут, в которую точку элемент расположен как фиксированный элемент.

CSS, располагающий часто, полагается на дополнительные свойства макета (такой как top, bottom, left, right, z-index, и clip) для достижения желаемого результата.

Пример

/* static */ element { position: static; } /* relative */ element { position: relative; top: 65px; left: 65px; } /* absolute */ element { position: absolute; top: 40px; left: 40px; } /* sticky */ element { position: sticky; top: 20px; } 

Ссылки

1. Расположение схем - спецификация W3C
2. Положение CSS - ссылка MDN