display: flow-root создаёт новый block formatting context — контейнер обтекает float-дочерние элементы без классического clearfix ::after.
Современные layout на grid/flex редко нуждаются в float, но legacy-статьи из CMS ещё встречаются.
- [display: flow-root — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/display#flow-root) — BFC без overflow:hidden.
- [Block formatting context — MDN](https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Block_formatting_context) — Когда нужен BFC.
---
## Не путать
overflow: auto тоже создаёт BFC, но может обрезать тени — flow-root безопаснее для карточек.