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

对于IE6的bug经常被人提及，做前端的人都对此痛恨不已。今天再来介绍一个稀有的BUG。

前几天，偶尔在朋友的电脑上浏览自己的网站，发现首页的导航每个标签都换行了。格式为

<div class="nav">
 <ul>
        <li><a href="/">首页</a></li>        
        <li><a href='/service/'  rel='dropmenu2'>灵犀服务</a></li>        
        <li><a href='/webdesign/'  rel='dropmenu3'>网站建设</a></li>        
        <li><a href='/seo/' >青岛SEO</a></li>        
        <li><a href='/show/'  rel='dropmenu5'>案例展示</a></li>        
        <li><a href='/t/' >官方博客</a></li>        
        <li><a href='/contact/' >联系我们</a></li>        
    </ul>
</div><!--/nav-->

样式表中已经对ul设置了宽度，对li设置了float:left。

问题很奇怪，于是我试着将其中的a标签设置属性float:left。再次预览，发现竟然可以正常显示了。

总结：在IE6下的BUG可谓多如牛毛，导航中的这类样式的使用过程中，如果对a标签设置了display:block，虽然li标签已经float了，但是为了兼容IE6，我们还需要对a标签设置一个display:block。

本文原载： 青岛网站建设 - 青岛SEO [http://www.elingxi.com/]
本文永久链接： http://www.elingxi.com/css/091E32010.html