позиция Для чего она используется?

Позиция Свойство CSS определяет тип метода позиционирования, используемого для элемента (статический, относительный, абсолютный, фиксированный или липкий). Вот различные значения свойства позиции и варианты их использования:

<б>1. статический (по умолчанию)

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

— Это начальное значение и не влияет на позиционирование элемента.

— На статически позиционированные элементы не влияет свойство положения их родительских элементов.

<б>2. относительный

- Элементы располагаются относительно своего нормального положения.

— Положение элемента сдвигается на указанные смещения, не затрагивая макет или положение других элементов.

- Смещения задаются с использованием свойств top, right, low и left.

- Относительное позиционирование обычно используется для небольших корректировок перемещения.

<б>3. абсолютный

- Элементы позиционируются абсолютно внутри содержащего их элемента или ближайшего позиционированного предка.

— Позиция элемента полностью удалена из обычного документооборота.

– Абсолютное позиционирование обычно используется для элементов, требующих точного размещения и наслоения, например всплывающих окон, подсказок или элементов наложения.

<б>4. исправлено

— Элементы позиционируются и фиксируются относительно области просмотра, сохраняя свое положение, даже когда пользователь прокручивает страницу.

– Фиксированное позиционирование полезно для создания элементов, которые остаются видимыми и доступными независимо от положения прокрутки пользователя, например панели навигации, боковые панели или плавающая реклама.

<б>5. липкий

- Липкое позиционирование сочетает в себе аспекты относительного и фиксированного позиционирования.

— Элементы ведут себя как относительно позиционированные элементы, пока не достигнут указанной точки прокрутки. В этот момент они становятся фиксированными и остаются привязанными к окну просмотра до тех пор, пока положение прокрутки не изменится.

– Закрепленное позиционирование обычно используется для верхних и нижних колонтитулов, которые остаются видимыми, когда пользователь прокручивает страницу, создавая фиксированную навигацию.

Выбор подходящего метода позиционирования зависит от желаемого поведения и макета элемента на веб-странице.