1.触发bfc条件
overflow:hidden/scroll/auto
float:left/right
display:inline-block/table-cell/table-caption/flex/inline-flex
position:absolute/fixed
根元素html
2.触发之后的现象
a.垂直方向,一个接一个排列
b.属于同一个bfc,上下元素的外间距取较大值
c.margin box的左边与包含块border box的左边相接处
d.浮动区域不会与BFC区域重叠->两列布局、三列布局
e.BFC是独立容器,内部不会影响容器外面的元素
f.计算BFC高度,浮动的元素高度参与计算