Clearfix
Коротко
Технический приём, заставляющий контейнер корректно учитывать высоту вложенных плавающих элементов.
Что такое «Clearfix»
Технический приём, заставляющий контейнер корректно учитывать высоту вложенных плавающих элементов. Без него родитель «схлопывался», не обхватывая float-потомков. Clearfix обычно реализуют псевдоэлементом с `clear: both`. С распространением flexbox и grid необходимость в нём почти отпала, но в старом коде он встречается часто.
