概念

  • 他是块级格式化上下文，它是一个独立的渲染区域

    特性

  • 同一个BFC下在垂直的方向上会发生高度重叠的问题

  • BFC可以包含浮动元素（清除浮动）

  • BFC可以阻止被浮动元素元素覆盖

    实现的方法

  • 1、float的值不是none。

  • 2、position的值不是static或者relative。
  • 3、display的值是inline-block、table-cell、flex、table-caption或者inline-flex
  • 4、overflow的值不是visible