Режим компоновки

Режим компоновки или раскладки (англ. layout) в CSS — это алгоритм, который определяет положение и размер блоков элементов в зависимости того, как они взаимодействуют с блоками своего и родительского уровня.

Существует несколько режимов компоновки:

Поточная компоновка или нормальный поток

Все элементы являются частью нормального потока, пока что-то не выведет их из него. Нормальный поток включает в себя два режима:

Блочная компоновка

Предназначена для разметки блоков, таких как абзацы.

Строчная компоновка

Предназначена для разметки строчных элементов, таких как текст.

Табличная компоновка

Предназначена для разметки таблиц.

Плавающая компоновка

Предназначена для того, чтобы разместить элемент слева или справа, а остальное содержимое обтекало его в обычном потоке.

Позиционированная компоновка

Предназначена для позиционирования элементов без особого взаимодействия с другими.

Многоколоночная компоновка

Предназначена для разметки содержимого в колонках, как в газете.

Гибкая компоновка (англ. flexible box layout, flexbox)

Предназначена для компоновки сложных страниц, размер которых можно плавно изменять.

Сеточная компоновка (англ. grid layout)

Предназначена для размещения элементов относительно фиксированной сетки.