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

经常遇到这个问题,但没记下来,今天同事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标签需要自动宽度,写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.如果能够定宽,设置定宽也可以不换行,但就不能自适应了

原文地址:https://www.cnblogs.com/cuoreqzt/p/3275515.html