Как работает `float` и `clear` (исторически важно)?
float: left/right— элемент вырывается из потока, текст обтекает егоclear: left/right/both— элемент не допускает float-элементы с указанной стороны- Clearfix: родитель "схлопывается" без float children → решение:
overflow: autoили::after { clear: both; } - Сейчас заменён Flexbox и Grid для layout задач