参考 http://www.html-js.com/article/1866(很棒! 还有栗子)
http://www.cnblogs.com/lhb25/p/inside-block-formatting-ontext.html
https://yimity.com/2013/05/10/bfc-block-formatting-contexts.html
BFC针对相对定位
BFC 解决的问题: float高度塌陷 父容器和第一个子元素margin重叠 浮动元素和非浮动元素重叠
BFC主要是消除两个相邻元素间的影响
在同一个bfc中 相邻且无分隔(指这个元素的margin挨着另一个元素的margin 他们没有padding border作为间隔)元素垂直margin会折叠
BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素，反之亦然。
计算BFC的高度时，浮动元素也参与计算。
触发BFC
float 除了none以外的值
overflow 除了visible 以外的值（hidden，auto，scroll ）
display (table-cell，table-caption，inline-block, flex, inline-flex)
position值为（absolute，fixed）
fieldset元素
关于BFC
原文：http://www.cnblogs.com/cart55free99/p/4515868.html
