Как создать новый BFC?

Question

Accepted Answer

## Что даёт BFC

Block Formatting Context изолирует внутренние float'ы, схлопывание margin и расчёт высоты. Классика: «родитель не видит float-детей» → создайте BFC.

## Как триггернуть

Частые способы:

```css
.clearfix {
  display: flow-root; /* вместо overflow:hidden хака */
}
```

## Зачем на интервью

Clearfix, колонка рядом с float, предотвращение margin collapse между секциями — всё сводится к новому formatting context.

## Итог

Новый BFC = изоляция layout. Современный явный способ — `display: flow-root`.