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