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

2010年07月23日 09:23

<title>无标题文档</title>
<style type="text/css">
* { margin:0; padding:0;}
a { display:block; width:100%; white-space:nowrap;}
li { padding-left:30px; line-height:30px; font-size:12px; background:url(http://bbs.blueidea.com/images/avatars/noavatar.gif) no-repeat 10px 7px;}
</style>
</head>
<body>
<ul>
<li><a href="#nogo">打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是</a></li>
<li><a href="#nogo">打发但是</a></li>
<li><a href="#nogo">打发但是</a></li>
<li><a href="#nogo">打发但是</a></li>
<li><a href="#nogo">打发但是</a></li>
<li><a href="#nogo">打发但是</a></li>
</ul>
</body>

以前的方法是浮动li，并清除浮动，使用了很多次这样的方法，发现问题会很多。最好最简单的方法还是在a中声明宽度为100%，没必要浮动li。
posted @ 2010-12-03 13:48  xmlovecss  阅读(250)  评论(0)  编辑  收藏  举报