Какие свойства position в CSS важны на практике и как они влияют на поведение?

Свойство `position` определяет, как элемент размещается и относительно чего считаются top, right, bottom, left.

Значения

• `static` (по умолчанию) — обычный поток, top и left не работают.
• `relative` — сдвиг относительно своего места, место в потоке сохраняется; опора для absolute-потомков.
• `absolute` — выходит из потока, позиционируется от ближайшего позиционированного предка: подсказки, бейджи, кнопка закрытия.
• `fixed` — относительно окна, не прокручивается: шапки, плавающие кнопки, модальные окна.
• `sticky` — ведёт себя как relative, пока не достигнет порога прокрутки, затем «прилипает»: заголовки таблиц и разделов.

.header { position: sticky; top: 0; z-index: 10; }
.tooltip { position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); }

Нюансы

• fixed начинает отсчитываться от предка, если у того есть transform или filter.
• sticky не работает, если у предка overflow: hidden или нет места для прокрутки.
• z-index работает только у позиционированных элементов (и во flex/grid).

Коротко для собеседования

static — поток, relative — сдвиг с сохранением места, absolute — от предка, fixed — от окна, sticky — прилипает при прокрутке.

Подробнее: MDN — position