小编use*_*590的帖子

我使用clearfix来清除浮动.但问题是,在<li>和中有不同的高度<div>.li.clearfix高度是32px,但div.clearfix高度是18px.当我删除时.clearfix:before,它们都是一样的.但是,当在bootstrap中尝试时,它失败了.(我删除了.clearfix:before引导程序,但高度仍有差异.)

<style>
.pull-left{
   float:left;
}
.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}
</style> 
<div class="clearfix">
    <div class="pull-left">Hello</div>
</div>
<ul>
    <li class="clearfix"><div class="pull-left">hello</div></li>
</ul>

演示:http://jsfiddle.net/nevimop/p4HMS/

浏览器(chrome safari ie10,ff没问题)

加上这个 ul{list-style: none;}高度相同.