本文主要和大家分享几种CSS清除浮动的方法，希望能帮助到大家。
1、父级p定义height
Left
Right
父级p手动定义height，就解决了父级p无法自动获取高度的问题（只建议高度固定的布局使用）
2、结尾处加空p标签 clear:both
Left
Right
添加一个空p，利用css提高的clear：both清除浮动，让父级p自动获取高度（以前使用的较多）
3、父级p定义伪类:after和 zoom
Left
Right
IE8以上和非IE浏览器才支持:after,zoom(ie专有属性)可解决IE6、IE7浮动问题
4、父级p定义 overflow:hidden
Left
Right
必须定义width或zoom:1，同时不能定义height，使用overflow:hidden时，浏览器会自动检查浮动区域的高度
5、 父级定义: overflow:auto
Left
Right
必须定义width或zoom:1，同时不能定义height，使用overflow:auto时，浏览器会自动检查浮动区域的高度
6、父级p也一起浮动
Left
Right
所有代码一起浮动，会产生新的浮动，仅作了解
7、父级p定义 display:table
Left
Right
将p的属性变成表格
8、结尾处加 br标签 clear:both
Left
Right
父级p定义zoom：1来解决IE浮动问题，结尾处加br标签clear：both
相关推荐：
