可能因為li里放有絕對定位的div 和浮動標簽的緣故，li在ie6和ie7里 底部出現(xiàn)幾像素的mqrgin值，郁悶老久！后來加上下面兩句才搞定！

*html .treeUl li{margin-bottom:-4px;}
*+html .treeUl li{margin-bottom:-4px;}

ps:以下是我html和css

.treeUl li{border-bottom:1px solid #8DC73F;height:61px;background:#83C12C; padding-left:12px; position:relative; width:182px;}

.treeUl li .outDiv{background:url(../images/9.gif) no-repeat left center; padding-left:12px; position:absolute; z-index:1000; width:175px; left:12px; top:10px; height:36px;}
.treeUl li.act{ background:#E5771B;}
.treeUl li:hover{ background:#E5771B; border-bottom:#F6C399;}
.treeUl .hideDiv{position:absolute; width:320px; z-index:999; background:#E5771B; border:#F6C399; left:189px; display:none; top:auto;}

.treeUl .hideDiv dl{margin:0 20px 0 15px; padding:6px 0; border-bottom:1px dotted #E4822E;}
.treeUl li:hover .treeUl .hideDiv{ display:block;}
.treeUl .hideDiv dl a{padding-right:5px;}
.treeUl .hideDiv dl dt{font-weight:bold;}

?

<li>
?? ??? ??? ??? ??? ?<div class="outDiv">
?? ??? ??? ??? ??? ??? ?<h2><a href="">3G智能手機</a></h2>
?? ??? ??? ??? ??? ??? ?<p><a href="">IPHONE手機</a>、
?? ??? ??? ??? ??? ??? ??? ?<a href="">HTC手機</a>、
?? ??? ??? ??? ??? ??? ??? ?<a href="">三星手機</a>
?? ??? ??? ??? ??? ??? ?</p>
?? ??? ??? ??? ??? ?</div>
?? ??? ??? ??? ??? ?<div class="hideDiv">
?? ??? ??? ??? ??? ??? ?<dl>
?? ??? ??? ??? ??? ??? ??? ?<dt>品牌</dt>
?? ??? ??? ??? ??? ??? ??? ?<dd>
?? ??? ??? ??? ??? ??? ??? ??? ?<a href="">三星</a>
?? ??? ??? ??? ??? ??? ??? ??? ?<a href="">智能</a>
?? ??? ??? ??? ??? ??? ??? ??? ?<a href="">手機</a>
?? ??? ??? ??? ??? ??? ??? ??? ?<a href="">IPHONE</a>
?? ??? ??? ??? ??? ??? ??? ??? ?<a href="">三星</a>
?? ??? ??? ??? ??? ??? ??? ??? ?<a href="">智能</a>
?? ??? ??? ??? ??? ??? ??? ??? ?<a href="">手機</a>
?? ??? ??? ??? ??? ??? ??? ??? ?<a href="">IPHONE</a>
?? ??? ??? ??? ??? ??? ??? ??? ?<a href="">三星</a>
?? ??? ??? ??? ??? ??? ??? ??? ?<a href="">智能</a>
?? ??? ??? ??? ??? ??? ??? ??? ?<a href="">手機</a>
?? ??? ??? ??? ??? ??? ??? ??? ?<a href="">IPHONE</a>
?? ??? ??? ??? ??? ??? ??? ?</dd>
?? ??? ??? ??? ??? ??? ?</dl>
?? ??? ??? ??? ??? ?</div>
?? ??? ??? ??? ?</li>

?

?

轉(zhuǎn)載于:https://www.cnblogs.com/z-uu/archive/2012/09/28/2707861.html

總結(jié)

以上是生活随笔為你收集整理的li在ie6 、ie7里莫名其妙的出现几px的margin的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。