清除浮动是我们开发过程中经常使用的方法，主要的作用就是为了避免父元素的高度塌陷问题，一般当一个盒子的子元素浮动后，父元素的高度会塌陷。在css中给父元素添加伪元素即可清除，代码：
方法1：
#test{clear:both;}
#test为浮动元素的下一个兄弟元素
方法2：
#test{display:block;zoom:1;overflow:hidden;}
#test为浮动元素的父元素。zoom:1也可以替换为固定的width或height
方法3：
#test{zoom:1;}#test:after{display:block;clear:both;visibility:hidden;height:0;content:'';}
#test为浮动元素的父元素