Что если использовать overflow: hidden вместо clearfix?

Question

[modfop]

В верстке есть такой популярный трюк как clearfix. Этот трюк в основном используется в ситуациях как здесь.

Без clearfix случилась бы вот такое. То есть блоки с float выпадают из потока.

А что если решить проблему не используя clearfix, просто задав родителю "overflow: hidden". Вот пример. Получится меньше кода без всяких посторонних трюков/хаков. Или есть какой-то подвох?

Answer 1

[iBird Rose]

Или есть какой-то подвох?

ну тк прочитай про свойство overflow: hidden. для чего он изначально предназначен. тогда сам увидишь подвох) тобишь ничего за грани этого элемента ты не сможешь вынести абсолютом к примеру.

p.s. а так метод рабочий да. как сам написал "меньше кода и т.д.", но если нужно чтобы что то выходило за рамки контейнера - этот метод отпадает.

Comments

[modfop]

Да, согласен с вами.

Answer 2

[Максим]

к примеру если взять выпадающее меню которое будет находится в неком родительском блоке и оно будет по размеру меньше самого скрытого блока но у него будет свойство : hidden то его попросту не будет и всё
clearfix очень удобен

Comments

[modfop]

Понятно, спасибо.

Answer 3

[serf]

htmlbook.ru/css/haslayout