BFC块级格式化上下文

BFC块级格式化上下文

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

MDN:块格式化上下文

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