你们好，最近小活发现有诸多的小伙伴们对于如何清除浮动，清除浮动这个问题都颇为感兴趣的，今天小活为大家梳理了下，一起往下看看吧。
1、 第一种方法：使用空标签清除浮动。
2、 ul
3、 liAAA/li
4、 liBBB/li
5、 liCCC/li
6、 br style='clear:both'
7、 /ul
8、 第二种方法：使用溢出属性。
9、 这种方法有效地解决了必须通过空标签元素添加无意代码的缺点清除浮动。要使用这种方法，只需要在需要的元素中定义CSS属性清除浮动： overflow:auto，
10、 就！溢出：自动；就是让高度自适应，缩放：1；为了兼容IE6，还可以用身高：1%；注意，缩放不符合W3C标准。溢出：隐藏也可以实现。
11、 ulstyle='overflow:auto;zoom:1
12、 liAAA/li
13、 liBBB/li
14、 liCCC/li
15、 /ul
16、 第三种方法：使用after虚拟对象清除浮动。
17、 IE浏览器不支持后伪对象，所以不影响IE/WIN浏览器。具体写法可以参考下面的例子。使用时注意以下几点。
18、 1.在这个方法中，需要清除浮动元素的虚拟对象必须设置height:0，否则元素会比实际高几个像素；
19、 第二，content属性是必需的，但是它的值可以为空。在讨论这个方法时，content属性的值被设置为“.”。
20、 style type='text/css'.listinfo:after{display:block;clear:both;content:'';
21、 visibility:hidden;height:0;}cclass='listinfo'/
22、 liAAA/li
23、 liBBB/li
24、 liCCC/li
25、 /ul
以上就是清除浮动这篇文章的一些介绍，希望对大家有所帮助。
标签：
免责声明：本文由用户上传，如有侵权请联系删除！