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