BFC

bfc是什么回答（块级格式化上下文）

怎么触发BFC？

  • 浮动元素(float)
  • 绝对定位(元素position为absolute或者fiexd)
  • 行内块inline block
  • overflow值不为visible（即是hidden或者auto）
  • 弹性元素(display为flex或者inline-flex元素的直接子元素)

解决了什么问题？

  1. 清除浮动（为什么不用.clearfix呢）
  2. 防止margin合并