IE6列表上下多余间距bug解决方法
2012-08-20 10:04
267 查看
<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
*{ 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
相关文章推荐
- 解决IE6中li有上下间距的bug
- 解决IE6中li有上下间距的bug
- 解决IE6中li有上下间距的bug
- IE6的3px bug解决方法
- IE6常见BUG兼容解决方法
- IE6不支持opacity半透明 BUG的解决方法
- js,css三种方法解决IE6下position:fixed的Bug以及闪动问题
- IE6,IE7,IE8 css bug汇总以及兼容解决方法
- IE6IE6浏览器有哪些常见的bug及解决方法
- IE6 IE7 IE8 css bug兼容性解决方法总结归纳
- IE6 IE7 IE8 css bug兼容性解决方法总结归纳
- 细数IE6的一串串的恼人bug,附加解决方法!
- 【技术】ie6,ie7,ie8 css bug汇总以及兼容解决方法
- 解决IE6-IE7下li上下间距
- ie6,ie7,ie8 css bug兼容解决方法
- li内有div浮动时,li出现4px间距,IE bug的解决方法
- img标签下多余空白BUG解决方法
- IE6中用了float:left之后导致margin-left双倍边距的BUG解决方法
- IE6 select z-index无效,遮挡div bug的解决方法
- IE6下的text-indent属性BUG解决方法