關於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>