Блочная модель
Оригинальное название: box model
Коротко
Модель расчёта размеров элемента из содержимого, внутренних отступов, границ и внешних отступов.
Что такое «Блочная модель»
Модель расчёта размеров элемента из содержимого, внутренних отступов, границ и внешних отступов. По ней итоговый размер складывается из этих частей, что влияет на компоновку. Свойство `box-sizing: border-box` включает отступы и границу в заданную ширину, упрощая вёрстку. Понимание блочной модели — фундамент CSS: без него трудно предсказать реальные размеры элементов.

