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='/a/webdesign/' rel='dropmenu3'>网站建设</a></li>
<li><a href='/a/seo/' >青岛SEO</a></li>
<li><a href='/show/' rel='dropmenu5'>案例展示</a></li>
<li><a href='/a/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。