<style type="text/css">
*{ margin:0px; padding:0px;}
img{ border:0px;}
a{ border:0px; display:block; 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。