Ответы на вопросы на должность Frontend разработчика.
Блочная модель отвечает за определение того, сколько места займет блочный элемент, схлопнутся или нет border или margin, размеры блока.
Правила блочной модели:
Размеры блочного элемента складываются из width, height, padding, border, and margin.
Если высота (height) блока не задана, то высота блока равна: высота контента этого блока + padding’и.
Если ширина блока не задана, то блоки, для которых не задано float, будут иметь ширину: ширина родителя - padding’и родителя.