BFC——块级格式上下文
BFC中的B指的是block,对应的还有IFC,I指的是inline。
对于BFC的理解可以参考层叠上下文。页面中,盒子的排布规则,是生效在对应的BFC中。两个BFC中的布局互不影响。
页面的本身的根本身就是BFC,但是页面中的其他元素,则需要我们用css去设置,才会生成新的BFC。有以下方法:
- float的值不为none。
- overflow的值不为visible。
- display的值为table-cell、table-caption、inline-block中的任一个。
- position的值不为relative与static。
详细内容可见另一博主的文章:http://www.cnblogs.com/pigtail/archive/2013/01/23/2871627.html