позиция Для чего она используется?
<б>1. статический (по умолчанию)
- Элементы располагаются в соответствии с обычным расположением документа.
— Это начальное значение и не влияет на позиционирование элемента.
— На статически позиционированные элементы не влияет свойство положения их родительских элементов.
<б>2. относительный
- Элементы располагаются относительно своего нормального положения.
— Положение элемента сдвигается на указанные смещения, не затрагивая макет или положение других элементов.
- Смещения задаются с использованием свойств top, right, low и left.
- Относительное позиционирование обычно используется для небольших корректировок перемещения.
<б>3. абсолютный
- Элементы позиционируются абсолютно внутри содержащего их элемента или ближайшего позиционированного предка.
— Позиция элемента полностью удалена из обычного документооборота.
– Абсолютное позиционирование обычно используется для элементов, требующих точного размещения и наслоения, например всплывающих окон, подсказок или элементов наложения.
<б>4. исправлено
— Элементы позиционируются и фиксируются относительно области просмотра, сохраняя свое положение, даже когда пользователь прокручивает страницу.
– Фиксированное позиционирование полезно для создания элементов, которые остаются видимыми и доступными независимо от положения прокрутки пользователя, например панели навигации, боковые панели или плавающая реклама.
<б>5. липкий
- Липкое позиционирование сочетает в себе аспекты относительного и фиксированного позиционирования.
— Элементы ведут себя как относительно позиционированные элементы, пока не достигнут указанной точки прокрутки. В этот момент они становятся фиксированными и остаются привязанными к окну просмотра до тех пор, пока положение прокрутки не изменится.
– Закрепленное позиционирование обычно используется для верхних и нижних колонтитулов, которые остаются видимыми, когда пользователь прокручивает страницу, создавая фиксированную навигацию.
Выбор подходящего метода позиционирования зависит от желаемого поведения и макета элемента на веб-странице.