清除浮动

1 .无论多么复杂的布局，都可以看成是如何在一行上显示多个div元素，如果标准流无法满足需求，那么就需要用到浮动。现在好像可以不使用浮动就实现-flex.

浮动产生副作用

1 .背景不能正常显示：由于设置浮动，父元素不能被撑开，所以导致css背景不能显示。
2 .边框不能被撑开。
3 .margin不能正确显示。浮动导致元素上下的padding和margin不能正确显示

清除浮动

1 .父元素设置overflow:hidden。但是超出的部分会被隐藏。
2 .额外标签法：在浮动的下边在加一个盒子，里面加上clear:both.
3 .伪元素清除浮动：.clearfix:before,.clearfix:after{clear:both;visibity:hidden}