BFC——块级格式上下文

BFC中的B指的是block，对应的还有IFC，I指的是inline。
对于BFC的理解可以参考层叠上下文。页面中，盒子的排布规则，是生效在对应的BFC中。两个BFC中的布局互不影响。
页面的本身的根本身就是BFC，但是页面中的其他元素，则需要我们用css去设置，才会生成新的BFC。有以下方法：

1. float的值不为none。
2. overflow的值不为visible。
3. display的值为table-cell、table-caption、inline-block中的任一个。
4. position的值不为relative与static。
   
   
   

详细内容可见另一博主的文章：http://www.cnblogs.com/pigtail/archive/2013/01/23/2871627.html

BFC——块级格式上下文

原文：http://www.cnblogs.com/wangkaiyuan/p/5768610.html