Вам известна давняя проблема: контейнеры, содержащие плавающие элементы, не увеличивают свою высоту автоматически, чтобы охватить своих дочерних элементов.
Один из подходов к исправить это "clearfix" , который добавляет ряд правил CSS для обеспечения правильного растягивания контейнера.
Однако простая передача контейнера overflow: hidden
работает точно так же, как хорошо, и с такой же совместимостью с браузером.
Согласно этого руководства , оба метода совместимы со всеми важными сегодня браузерами.
Означает ли это, что "clearfix" устарел? Есть ли какие-либо преимущества в его использовании перед overflow: hidden
?
Здесь есть очень похожий вопрос: В чем разница между clearfix hack и overflow: hidden vs overflow: auto? но на этот вопрос нет ответа.