SovaWiki

Эта страница только для чтения. Вы можете посмотреть её исходный текст, но не можете его изменить. Сообщите администратору, если считаете, что это неправильно.

<!DOCTYPE markdown>
# 2. Создание контейнера-сетки: значения grid и inline-grid свойства display

Для создания макета на основе сетки необходимо определить контейнер-сетку.

**Контейнер-сетка (grid container)** — это блок, который устанавливает контекст форматирования по типу сетки, то есть создает область с сеткой, а дочерние элементы располагаются в соответствии с правилами компоновки сетки, а не блочной компоновки.

Контейнер-сетка бывает двух видов: обычный **display: grid** и встроенный **display: inline-grid**. Первый генерирует grid-контейнер уровня блока, второй — grid-контейнер уровня строки. 

:!: Контейнеры-сетки не являются блочными контейнерами, поэтому *__некоторые CSS-свойства не работают__ в контексте макета сетки*:

-   **float** и **clear** игнорируются элементами сетки (но не самим контейнером-сеткой).
-   **vertical-align** не влияет на элементы сетки.
-   Псевдоэлементы **::first-line** и **::first-letter** не применяются к контейнеру-сетке и его потомкам.
-   Если контейнер-сетка является контейнером уровня строки display: inline-grid и для него заданы обтекание или абсолютное позиционирование, то вычисляемое значение свойства display будет grid.


[[setting_the_grid|Продолжение]]

[[0_content|Оглавление]]