在IE7下调试出现的一个ul、 li的问题

在IE7环境下，UL LI 序列

如果LI里有元素，并且元素设置了float:left，
那么这个UL里的所有LI都有“下间隔4px”的效果，就是相当于margin-bottom:4px;
我在LI的 CSS里设置margin:0;padding:0;还是一样没用。
每个LI之间多了4PX，这么去都去不掉，很麻烦。

请问如何解决？



ul{margin:0;padding:0;}

ul li{margin:0;padding:0;height:26px;line-height:26px;}

ul li span{float:left;}

ul li em{float:left;}



<ul>

<li><span>哈哈</span><em>你好吗</em></li>

<li><span>哈哈</span><em>你好吗</em></li>

<li><span>哈哈</span><em>你好吗</em></li>

<li><span>哈哈</span><em>你好吗</em></li>

</ul>

8 个解决方案

#1

把height与line-height设小点就可以了！

#2

同意一楼的。

#3



<style>

*{margin:0;padding:0}

 ul{margin:0;padding:0;}

 ul li{margin:0;padding:0;border:1px solid #f00; height:auto; }

 ul li span{float:left; display: inline} 

 ul li em{float:left; display: inline}

 </style>

<body>

<ul>

<li><span>哈哈</span><em>你好吗</em></li>

<li><span>哈哈</span><em>你好吗</em></li>

<li><span>哈哈</span><em>你好吗</em></li>

<li><span>哈哈</span><em>你好吗</em></li>

</ul>


</body>

#4

mumuTiger ,

LI为什么要用 height:auto; ?

为什么我设置了固定高度就会有间距,不设置就没有.

#5

一楼正解就是调line-height就行了

#6

line-height是行高，每行的高度都是26像素，肯定会撑开的

#7

设置height与line-height
另外设置display:block

#8

好像又是在图片上面会有4px的间距；
有时候需要我们手动设置；margin-bottom：-4px；
才能解决这个是不是刚才那个是同一个问题呢！！！

#1