BFC(块级格式化上下文)笔记

一句话解释: 独立的布局容器

触发条件:

1. float: left right

2.position: fixed absolute

3.overflow: hidden scroll auto

4.display: inline-block/ table-cell/ table-caption / flex /inline-flex

应用场景:

1.子元素浮动导致父元素坍塌(用于清除浮动)

2.上下margin合并问题

3.两栏自适应布局