CSS: выравнивание элементов
управляем потоком элементов с помощью CSS
Порой плавающие элементы могут быть очень изворотливыми. У них есть отвратительная привычка выходить за пределы родительских контейнеров и сеять хаос в макетах.
Но эту проблему можно решить с помощью небольшой хитрости, которую можно назвать clearfix-hack:
.clearfix::after {
content: "";
display: table;
clear: both;
}
Добавив таким образом класс clearfix к любому контейнеру с плавающими дочерними элементами, можно восстановить порядок. Псевдоэлемент ::after создает невидимый блок, следующий за содержимым контейнера, это позволяет очистить поток плавающих элементов и сохранить макет красивым и аккуратным.
Спасибо за внимание.
