Чем float отличается от flex для раскладки?

Question

Accepted Answer

## Зачем это спрашивают

Исторически колонки делали через `float`; сейчас для UI-раскладки почти всегда Flexbox/Grid.

## Сравнение

- **`float`** — элемент «вынимается» из обычного потока по горизонтали, текст обтекает. Для колонок нужны clearfix, хаки с clearfix, сложно выравнивать по высоте и центру.
- **Flexbox** — одномерный контейнер с осью: выравнивание, `gap`, `flex-grow`/`shrink`, порядок без хаков.

```css
/* float-эпоха */
.col { float: left; width: 50%; }
.row::after { content: ""; display: table; clear: both; }

/* flex */
.row {
  display: flex;
  gap: 1rem;
  align-items: stretch;
}
.col { flex: 1; }
```

Float всё ещё уместен для **обтекания текста картинкой**, не как система сетки страницы.

## Итог

Float — обтекание; flex — управляемая одномерная раскладка. Для страниц и компонентов предпочтительны flex/grid.