Урок 15. Ошибки: Блочная модель: content, padding, border, margin

📁 Раздел: Блочная модель и позиционирование ⏱️ Время изучения: ~45 мин 🎯 Сложность: Начальная

Если раскладка выглядит странно, сначала проверьте поток, размеры, отступы и computed styles.

Типичные ошибки

Padding добавляет воздух внутри рамки, margin снаружи.

При content-box padding и border прибавляются к width.

Вертикальные отступы соседних блоков не всегда складываются.

margin: 0 auto работает для блока с ограниченной шириной.