BFC是块级格式上下文。 普通流的Box是formatting box，类型可以是block或inline。
但是，不能同时为两者做。 然后，Block boxes用block formatting context设置格式，inline boxes用inline formatting context设置格式，所有渲染的元素在block上或inline上设置格式
其一般表现规则分为以下几种情况：
1、在创建BFC的元素中，其子元素会按照文档流一个接一个地排列。 他们在垂直方向上的起点是包含块的顶部，两个相邻元素的垂直距离取决于margin特性。
2、在BFC中，各要素的左外边与包含区块的左相接。 有及时的浮动也是如此。 除非该元素也创建新的BFC。
3、BFC是页面的独立行政区域。 所有浏览器都将BFC放置在浮动元素所在行的其馀空间中。
当HTML满足以下条件之一时，将生成BFC : 浮动不是none，溢出不是隐藏，显示可以是表蜂窝、表复制或在线块。
位置值不是延迟或静态。 通常，使用BFC时不要与浮动元素重叠。 清除内部浮动元素。 解决上下因素相邻时的重叠。