HTML и CSS – хитрости блочной модели

Базовые принципы блочной модели в вёрстке
Схема расчёта размера элементов
Свойство box-sizing для управление схемой расчёта
Разница работы margin-ов для строчных и блочных элементов
Тонкости багов вертикальных margin-ов
Расчёт высоты элементов при обтеканиях
Способы выравнивания элементов по вертикали
Новаю концепцию гибких flex-блоков

source