Как сделать - Очистку поплавка

Узнать, как очистить поплавки с помощью взлома "clearfix".

Очистка поплавка

Элементы после плавающего элемента будут обтекать его. Используйте взлом "clearfix", чтобы решить эту проблему:

Без Clearfix

С Clearfix

Создать очистку поплавка

Если элемент выше, чем элемент, содержащий его, и он плавает, он будет переполнен за пределами своего контейнера.

Тогда мы можем добавить overflow: auto; к содержащему элементу, чтобы устранить эту проблему:

Переполнение overflow:auto clearfix работает хорошо, пока вы можете контролировать свои поля и отступы (иначе вы можете увидеть полосы прокрутки). Новый, современный взлом clearfix, тем не менее, безопаснее использовать, и следующий код используется для большинства веб-страниц: