CSS BFC

BFC的定义

BFC全称block formatting context，中文为"块级格式化上下文"。BFC的表现原则为：如果一个元素具有BFC，那么它的内部子元素再怎么翻江倒海，都不会影响外部的元素。

因此，BFC元素是不可能发生margin重叠的，另外，BFC元素也可以用来清除浮动的影响。

触发BFC后，就不需要使用clear:both属性去清除浮动的影响。

触发BFC的条件

html根元素；
float的值不为none；
overflow的值为auto、scroll或者hidden；
display的值为table-cell、table-caption和inline-block中的任何一个；
position的值不为relative和static；