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

原文地址:https://www.cnblogs.com/wangkaiyuan/p/5768610.html