您的位置:首页 > 其它

IE6下浮动li下的a标签设置display:block后的BUG

2013-08-22 18:03 381 查看
经常遇到这个问题,但没记下来,今天同事TC问到,我就想如果记下来了 就可以直接发网址过去了。哈 所以还是要坚持总结。

<ul class="clearfix">
<li><a href="">0001</a></li>
<li><a href="">0002</a></li>
<li><a href="">0003</a></li>
<li><a href="">0004</a></li>
<li><a href="">0005</a></li>
</ul>


对li设置了float:left

a标签需要自动宽度,写width:auto属性,加display:block IE6+支持了a标签的自动宽度,但是IE6不支持,

如果a设置了height或者用zoom:1;都会使其触发layout a就是一整行,无法自适应宽度

【解决方法】

1.a不设置display:block(即也不设置宽高了);

2.a 也float:left起来

3.a使用display:inline-block;不使用display:block

4.如果能够定宽,设置定宽也可以不换行,但就不能自适应了
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: