[имя] чем отличается position: absolute от position: relative?

Relative сохраняет место элемента в обычном потоке и смещает его визуально; absolute исключает элемент из потока и позиционирует относительно containing block.

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

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

Relative сохраняет место элемента в обычном потоке и смещает его визуально; absolute исключает элемент из потока и позиционирует относительно containing block.

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

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

Relative сохраняет место элемента в обычном потоке и смещает его визуально; absolute исключает элемент из потока и позиционирует относительно containing block.

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

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

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

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

Подробнее