# Компоновка

URL: https://chugunov.pro/glossary/frontend/komponovka/
Оригинальное название: layout
Раздел: [Frontend](https://chugunov.pro/glossary/frontend/)
Обновлено: 28.07.2026.
Источник: глоссарий веб-разработки chugunov.pro.

## Коротко

Рассчитанное расположение и размеры элементов страницы в доступном пространстве.

## Что такое «Компоновка»

Рассчитанное расположение и размеры элементов страницы в доступном пространстве. Браузер вычисляет компоновку на основе блочной модели, потока и систем flexbox и grid. Изменения DOM или стилей вызывают её пересчёт, что может замедлять страницу. Продуманная компоновка обеспечивает и удобный вид, и хорошую производительность отрисовки.

## Связанные термины

- [Изоляция компоновки](https://chugunov.pro/glossary/frontend/izoliatsiia-komponovki/) — CSS-механизм, ограничивающий влияние внутреннего содержимого элемента на размеры, стили или отрисовку остальной страницы.
- [Компонент интерфейса](https://chugunov.pro/glossary/frontend/komponent-interfeisa/) — Самостоятельный повторно используемый фрагмент интерфейса со своей структурой, стилями, состоянием и поведением.
- [CSS Grid](https://chugunov.pro/glossary/frontend/css-grid/) — Двумерная система CSS-компоновки, управляющая строками и столбцами одновременно.
- [Перерасчёт компоновки](https://chugunov.pro/glossary/frontend/pereraschiot-komponovki/) — Повторное вычисление размеров и положения элементов после изменения DOM, стилей или окна.
- [Пересчёт стилей](https://chugunov.pro/glossary/frontend/pereschiot-stilei/) — Повторное определение вычисленных CSS-значений после изменения классов, DOM, среды или таблиц стилей.
- [Браузер](https://chugunov.pro/glossary/frontend/brauzer/) — Программа, которая запрашивает веб-ресурсы, интерпретирует HTML, CSS и JavaScript и отображает результат пользователю.
- [Браузерный движок](https://chugunov.pro/glossary/frontend/brauzernyi-dvizhok/) — Компонент браузера, который разбирает документы, рассчитывает стили и компоновку, а затем организует отрисовку страницы.
- [Flexbox](https://chugunov.pro/glossary/frontend/flexbox/) — Одномерная CSS-модель компоновки, распределяющая элементы вдоль основной и поперечной осей контейнера.