bfc有那些特性，如何触发？

what：bfc格式化上下文，指一个独立的渲染区域。
 bfc的特性：
      内部的Box会在垂直方向上一个接一个的放置。
      垂直方向上的距离由margin决定
      bfc的区域不会与float的元素区域重叠。
      计算bfc的高度时，浮动元素也参与计算
      bfc就是页面上的一个独立容器，容器里面的子元素不会影响外面元素。
触发bfc的元素：
       根元素
       float的值不为none
       overflow的值不为visible
       display的值为inline-block、table-cell、table-caption
       position的值为absolute或fixed。