Don’t let your dreams be dreams.

IE6列表上下多余间距bug解决方法


<style type="text/css">
*{ margin:0px; padding:0px;}
img{ border:0px;}
a{ border:0px; display:block; width:100%;}
</style>

<body>
<dl class="db">
<dd><a href=""><img src="images/lt1.jpg" /></a></dd>
<dd><a href="" ><img src="images/lt2.jpg" /></a></dd>
<dd><a href=""><img src="images/lt3.jpg" /></a></dd>
<dd><a href=""><img src="images/lt4.jpg" /></a></dd>
<dd><a href=""><img src="images/lt5.jpg" /></a></dd>
<dd><a href=""><img src="images/lt6.jpg" /></a></dd>
<dd><a href=""><img src="images/lt7.jpg" /></a></dd>
<dd><a href=""><img src="images/lt8.jpg" /></a></dd>
<dd><a href=""><img src="images/lt9.jpg" /></a></dd>
</dl>

</body>

 

 

以前的方法是浮动li,并清除浮动,使用了很多次这样的方法,发现问题会很多。最好最简单的方法还是在a中声明宽度为100%,没必要浮动li。

文章出自http://www.haogongju.net/art/603627

posted on 2012-08-20 10:04  包田耘  阅读(138)  评论(0编辑  收藏  举报