Позиционирование элементов в HTML с помощью CSS позволяет управлять местоположением элементов на странице. 2 Для этого используется свойство position, которое определяет, где находится элемент. 2

Свойство position имеет несколько значений: 2

• Static — значение по умолчанию, элемент позиционируется в соответствии с его местом в потоке документа. 2
• Relative — элемент позиционируется относительно своего исходного положения в потоке документа. 2 Можно задать дополнительные параметры, такие как top, bottom, left и right, которые указывают на смещение элемента относительно его стандартного местоположения. 2
• Absolute — элемент позиционируется относительно ближайшего родительского элемента, который имеет позиционирование, отличное от static. 2 Можно задать параметры top, bottom, left и right, чтобы определить точное местоположение элемента. 2
• Fixed — элемент позиционируется относительно окна браузера. 2 Такие элементы удаляются из общего потока, элементы, следующие в потоке за фиксированным элементом, будут игнорировать его, смещаясь и занимая его место на веб-странице. 1
• Sticky — элемент остаётся на месте при прокрутке страницы, но при этом может быть отодвинут от своей стандартной позиции. 2

По умолчанию элементы на веб-странице отображаются в том порядке, в котором они представлены в HTML-документе. 1 Такой порядок расположения элементов называется нормальным потоком (его также называют потоком документа или общим потоком). 1