清除css浮动的常用方法

我们在写代码的时候可能会因为使用了floa浮动元素而导致页面的某些元素无法正确显示，那么我们要如何清除css.html" target="_blank">css浮动呢？现在我们就去看看清除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为浮动元素的父元素

本文为大家详细介绍了清除css浮动的常用方法，希望对大家有所帮助。