关于IE8导航串行的问题

一、概述：

　　做为一个前端人员，多浏览器兼容是必须必备的技能，如今通常要求是兼容IE8及以上，若是兼容IE6的话，会麻烦一些，这里介绍的是在IE8状态下咱们导航条错位的问题。

二、导航错位代码

<style>
　　a{
　　　　float:left;
　　}
</style>
<ul>
    <li><a href="#"></a></li>
    <li><a href="#"></a></li>
    <li><a href="#"></a></li>
    <li><a href="#"></a></li>
    <li><a href="#"></a></li>
</ul>

 

多数状况下咱们写导航部分HTML代码应该是这样的，虽然直接写一大堆a标签而没有ul li同样能够实现导航条的效果，可是我我的认为，这种写法可控性更强，固然看起来也直观一些，而致使IE8下导航错位的主要缘由就是那个a标签的浮动，这里IE8及如下的浏览器会认为a标签的父元素li没有浮动，而仍是一个块级元素。

三、解决办法：

把a标签的浮动去掉，改用li浮动。

<style>
　　li{
　　　　float:left;
　　}
</style>