css清理浮动黑科技

浮动在pc上布局还是经常要使用的（当然不考虑低版本ie浏览器flex爽到爆），但是浮动会产生导致父级对象盒子不能被撑开等问题。

我自己总结主要有两种方式，clear和BFC清理浮动。

clear需要设置在父元素中最后一个子元素上，

注意：clear (例如 clear: right) 是对某个元素设置，以避免其某一边有浮动元素，即对当前元素产生束缚，束缚的边界为其余的浮动元素。对于已经浮动的元素，设置 clear float 是无效的。

BFC清理浮动（什么是BFC自行Google）

我们可以给父元素增加以下属性来触发BFC：

float 为 left | right

overflow 为 hidden | auto | scorll

display 为 table-cell | table-caption | inline-block | flex | inline-flex

position 为 absolute | fixed

注意，IE6/7不支持BFC，也不支持: after伪元素。