Чем полезно свойство clearfix?

Question

Accepted Answer

## Исторический контекст
`clearfix` — старый трюк: после float’ов родитель схлопывался по высоте. Псевдоэлемент с `clear: both` «растягивал» родителя.

## Классика

```css
.clearfix::after {
  content: "";
  display: table; /* или block */
  clear: both;
}
```

Сегодня чаще: `display: flow-root` / flex / grid — родитель сам образует formatting context и оборачивает float’ы без хака. `overflow: hidden` тоже создавал BFC, но с побочными эффектами обрезки.

## Итог
Clearfix полезен в легаси с float. В новом коде предпочитают `flow-root`/flex/grid вместо микро-хака.