Главная мысль
Float проектировался для обтекания, не для сетки. Flex и Grid закрывают раскладку без clearfix и хрупких ширин.
Проблемы float-layout
- выпадение родителя по высоте → clearfix;
- сложно равные колонки и вертикальное выравнивание;
- порядок и адаптив через media — много бойлерплейта;
- конфликты с margin collapse и overflow.
.sidebar { float: left; width: 30%; }
.main { float: right; width: 70%; }
.layout {
display: grid;
grid-template-columns: 30% 1fr;
gap: 1rem;
}
Float остаётся легитимным для текста вокруг изображения.
Итог
Редко для page layout, потому что есть лучшие инструменты. Знать float всё же стоит — легаси и обтекание.