css清除浮动

div:after{clear:both; content:'.' height:0; visibility:hidden; diplay:block;} 只能清楚ff这样的标准浏览器的浮动，ie不可以，这个方法也不完整，你的clear也不那么完美 .cleardiv{clear:both;*display:inline;overflow:hidden;} .clear{zoom:1;} .clear:after{content:".";height:0;visibility:hidden;display:block;clear:both;} 用法1： <div style="float:left"></div> <div style="float:left"></div> <div ></div> 用法2： <ul> <li style="float:left"></li> <li style="float:left"></li> <li style="float:left"></li> <li style="float:left"></li> </ul>