CSS Position

CSS Positioning

Css свойства position

Свойства css position указывает как элемент позиционируется в
документе. Top, right, bottom, left определяют конечные местоположения
позиционированных элементов. Position позволяет выбрать альтернативные
правила, позиционирование элементов целью упрощения использования
скриптовых анимационных элементов.

Значение.
Первая static - это значение позволяет элементу находиться в обычном
его состоянии, расположенном на своем месте в документе. Свойства
top, right, bottom, и left - index Не применяются к данному элементу.
Это значение по умолчанию. Relative - элемент позиционируется в
соответствии с нормальным потоком документов, а затем смещается
относительно себя на основе значений top, right, bottom и left.
Смещение не влияет на положение любых других элементов; Таким образом
пространство здано для элементов, такое же как если бы был static.
Absolute - элементы удаляются из обычного потока элементов и для
элементов в макете не создается пробелы. Он расположен относительно
его ближайшего относительно позиционированного предка, если таково
имеется. Иначе помещается относительно в исходного содержащего блока.
Его конечная позиция определяется значениями top, right, bottom и
left.
Fixer - элемент выбивается из обычного потока элементов и для элемента
не создается пространство. Он позиционируется относительно исходного
содержащего блока.
Sticky - элемент позиционируется в соответствии с нормальным потоком
документа, а затем смещается его ближайшего прокручивающего предка.
Липкий элемент " прилипает к его ближайшему предшественнику, имеющему
механизм прокрутки.