在IE浏览器中，img标签下方会出现5px的空白导致li元素高度不正确。本文介绍了三种解决方法：设置ul的font-size为0，调整img的margin-bottom为负值，或者让li浮动并把img设为块级元素。强调面对兼容性问题时，找出根源并解决是关键。
html代码片段
<ul>
<li><a href="#"><img src="img/temp.jpg" alt="广告图片1" /></a></li>
<li><a href="#"><img src="img/temp.jpg" alt="广告图片2" /></a></li>
<li><a href="#"><img src="img/temp.jpg" alt="广告图片3" /></a></li>
<li><a href="#"><img src="img/temp.jpg" alt="广告图片4" /></a></li>
</ul>
css代码片段
ul{width:280px}
ul li{display:block;height:57px;width:277px}
很明显地可以看到 在IE中，li的高度并非我们设定的值，而是比其要高，这是因为 img 下
最低0.47元/天 解锁文章
扫一扫
257
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
