css--block formatting context

block formatting context(块级格式化上下文)

如何产生BFC:当一个HTML元素满足下面条件的任何一点,都可以产生Block Formatting Context:

  • float的值不为none。
  • overflow的值不为visible。
  • display的值为table-cell, table-caption, inline-block中的任何一个。
  • position的值不为relative和static。

要清除一个块级元素范围内的浮动,也就是让这个块级元素成为一个新的独立的BFC,可以采取上面的方法,例如使这个块级元素的overflow:hidden

posted @ 2013-09-02 14:46  星堡a  阅读(157)  评论(0编辑  收藏  举报