Какие CSS-свойства, помимо position, могут вывести элемент из нормального потока документа?

Float выводит плавающий элемент из обычного потока с обтеканием, а display: none исключает его box из раскладки. Transform и visibility: hidden место обычно сохраняют.

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

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

Float выводит плавающий элемент из обычного потока с обтеканием, а display: none исключает его box из раскладки. Transform и visibility: hidden место обычно сохраняют.

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

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

Float выводит плавающий элемент из обычного потока с обтеканием, а display: none исключает его box из раскладки. Transform и visibility: hidden место обычно сохраняют.

Важно различать эти эффекты. Float продолжает влиять на обтекание текста, а display: none убирает и отображение, и занимаемое место. Отрицательные margin и визуальный сдвиг через transform не равны абсолютному позиционированию. Flex и Grid меняют модель раскладки контейнера, но сами по себе не делают каждого потомка out-of-flow.

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

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

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

Подробнее