常用清除浮动伪类和zoom .clear::after{ content: ''; display: block; clear: both; } /*兼容浏览器8以上*/ .clear{ zoom:1 } <!-- 清除ul的浮动影响添加类名clear --> <ul class="clear"> <li></li> <li></li> <li></li> <li></li> <li></li> </ul>