一 什么是bfc
Block Formatting Contexts块级格式化上下文
简单来说bfc就是一种特殊的盒子模型，无论内部元素如何变化，都不会影响到外部。
二 触发bfc的条件
1.body跟元素
2.浮动元素float除none以外的值
3.绝对定位素:position(absolute.fixed)
4.display为inline-block, table-cells.flex
5.overflow除了visible以外的值(hidden.auto.srcoll)
三 bfc的特性
1.同一个bfc下，外边距会发生折叠。
2.bfc可以包含浮动的元素(清除浮动)
3. bfc可以阻止元素被浮动元素覆盖。
