Какая разница между разными видами позиционирования элементов: relative, absolute и fixed?

relative сохраняет место элемента в потоке, absolute выводит его из потока и позиционирует относительно containing block, fixed обычно привязан к viewport.

Короткий ответ

Что ответить на собеседовании

relative сохраняет место элемента в потоке, absolute выводит его из потока и позиционирует относительно containing block, fixed обычно привязан к viewport.

Подробный разбор

Ответ с пояснениями

relative сохраняет место элемента в потоке, absolute выводит его из потока и позиционирует относительно containing block, fixed обычно привязан к viewport.

Для absolute containing block часто задаёт ближайший позиционированный предок, но существуют и другие причины его образования. Для fixed transform или некоторые другие свойства предка могут изменить привязку. Смещение relative не заставляет соседей занять исходное место элемента.

ИИ-помощник для собеседований

Хочешь уверенно проходить собеседования?

Попробуй ИИ-помощник для собеседований: слышит вас и собеседника, анализирует экран, подсказывает ответы в реальном времени, работает без VPN и не попадает в захват экрана.

Подробнее