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

权威|前沿|技术|干货|国内首个API全生命周期开发者社区

更多推荐