之前一直搞不懂在哪里清除浮动，所以干脆就瞎弄，后来看了几篇文章，总结了一下：是给浮动元素的父元素清除浮动。浮动会脱离标准流，从而父元素没有了高度，下面元素会挤上来，所以要清除浮动来达到效果，那么有几种清除浮动的方法呢？
1，万能的简单
.clear{clear:both;height:0;overflow:hidden}
2,伪元素
.clear:after{clear:both;content:"";display:block;visibility:hidden;height:0}
.clear{*+height:1%}
3,外国的牛方法
.clear{overflow:auto;_height:1%;}