Блочный контекст форматирования (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.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.