Що робить position: fixed? До чого прив'язується елемент з fixed?

CSSJunior~1 хв читання

position: fixed виключає елемент із потоку (як і absolute), але фіксує його положення відносно вікна браузера (viewport). Такий елемент залишається на місці навіть під час прокрутки сторінки.

Характерні особливості:

не займає місця в потоці: сусідні елементи його «не бачать»;
координати top, right, bottom, left задають позицію від краю вікна, а не від предка;
елемент залишається на екрані під час скролу;
часто використовується для шапок, кнопок, панелей і сповіщень.

Приклад:

css

div {
  position: fixed;
  top: 0;
  right: 0;
}

Підсумок: fixed фіксує елемент до viewport, а не до батьківського елемента, і утримує його на екрані незалежно від прокрутки.

Коротка відповідь

Для співбесіди

Premium

Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.