一探究竟：HTML中的BFC到底是什么？

BFC

BFC是指页面中的一个渲染区域，并且拥有一套渲染规则，他决定了 其子标签如何定位，以及与其他标签的相互关系和作用。

BFC的特性
    垂直方向上的距离由margin决定，属于同一个BFC的两个相邻标签的margin会发生重叠。
    每个标签的左外边距与包含块的左边界相接触(从左向右)，即使浮动标签也是如此。
    BFC 的区域不会与 float 的标签区域重叠。(不包括固定定位方法)
    计算BFC的髙度时，浮动子标签也参与计算。
    BFC就是页面上的一个隔离的独立容器，容器里面的子标签不会影响到外面标签， 反之亦然。

怎样生成BFC
    根标签
    display 的值为 inline-block
    float的值不为none
    overflow 的值不为 visible
    position 的值为 absolute 或 fixed