При выполнении цели 1 попробовал для закрепления материала предыдущего урока зафлоатить и заголовок над блоками 123, но вопреки моим ожиданиям родительский контейнер “container” не схлопнулся. Почему? Может это вызвано подключением внешних стилей?
Потому что у родительского блока задана высота. Там даже комментарий в коде есть, будьте внимательны:
min-height: 100px; /* прячем эффект выпадания флоатов */
1 лайк
Ага, получается что предотвратить схлопывание родительского контейнера достаточно задать ему определенную минимальную высоту. Ну, этого “мы не проходили” 
, но вы правы, мог бы и догадаться. В любом случае благодарю, это ценная информация.
Кстати, зафлоаченные блоки 2 и 3 не только схлопнули своего родителя, но и попутно выпали вниз из общего контейнера. Это тоже интересно.