BFC 块级格式化上下文

触发条件
1. overflow 值不为 visible 的块元素
2. 根元素 html 元素
3. 浮动元素（元素的 float 不是 none）
4. 绝对定位元素（元素的 position 为 absolute 或 fixed）
5. display 为这类值...
  - flow-root
  - inline-block
  - table-cell
  - flex
  - inline-flex
应用
1. 外边距塌陷
2. 让浮动内容和周围的内容等高
3. 2 栏布局

MDN:块格式化上下文

CSS 深入理解流体特性和 BFC 特性下多栏自适应布局