BFC: что это
Коротко
BFC: независимая область раскладки: внутри неё margin не схлопываются с внешними, float не вылезают, а сам блок не заходит под соседние float. Создают: display: flow-root, overflow кроме visible и clip, float, position: absolute и fixed, flex- и grid-элементы, inline-block.
Определение
Независимая область раскладки: внутри неё margin не схлопываются с внешними, float не вылезают, а сам блок не заходит под соседние float. Создают: display: flow-root, overflow кроме visible и clip, float, position: absolute и fixed, flex- и grid-элементы, inline-block.
Из урока «Блочная модель за 6 минут»
если родитель создаёт новый блочный контекст форматирования (BFC), например display: flow-root, overflow кроме visible; тогда margin ребёнка не вытекает из родителя.
Читать урок целикомВопросы по теме с собеседований
Запомните, а не прочитайте
В тренажёре карточка вернётся, когда начнёт забываться. А билеты по HTML и CSS проверят, что термин понятен в деле.