---
title: Способ разметки
slug: Web/CSS/Layout_mode
tags:
- CSS
translation_of: Web/CSS/Layout_mode
original_slug: Web/CSS/Способ_расположения
---
CSS способ разметки (или раскладки, или англ. layout) — это алгоритм определения позиции и размеров блоков, основанный на способе, которым они взаимодействуют с родственными блоками. Существует несколько типов разметки:
- Обычная (Normal Flow) — все элементы являются частью обычного потока до тех пор, пока вы не переопределите это каким-либо образом. Обычный layout включает в себя блочную раскладку, созданную для расположения отдельных блоков, таких как параграфы, и линейную,— для строчных элементов;
- Табличная, спроектированная для расположения таблиц;
- Float layout — для возможности обозначить элементы плавающими. Такой элемент начинает позиционироваться слева или справа относительно содержимого обычного потока, элементы которого начинают обтекать него;
- Позиционированная — для позиционирования элементов без особого взаимодействия с другими элементами;
- Множественные столбцы — для расположения контента колонками, как в газетах;
- Флексбокс (CSS Flexible Box Layout) — для расположения сложных страниц, которые плавно могут изменять свой размер; {{ experimental_inline() }}
- Сеточная — для расположения элементов относительно фиксированной сетки. {{ experimental_inline() }}
Примечание: не все CSS-свойства применимы ко всем способам разметки. Большинство из них применяются к одному или двум из них и не действуют, если применяются на элементе, участвующем в другом режиме разметки.
Смотрите также