IE6設置li的float:left，不能自適應寬的解決方法

原文地址：https://blog.csdn.net/u012299002/article/details/50589453

 

作個divcss頁面，發如今IE6下，設置了li的float:left，LI就不能自適應寬度了，真TMD的無比的寂寞。。。。

CSS代碼以下：

 

.menu .nav li{float:left;}
.menu .nav li a{color:#FFF;}
.menu .nav li a:hover{color:#070707;}

 

HTML代碼以下：

<div class="nav">
      <ul>
          <li><a href="#">Home</a></li>
            <li><a href="#">Network</a></li>
            <li><a href="#">Design</a></li>
            <li><a href="#">Application</a></li>
            <li><a href="#">Database</a></li>
            <li><a href="#">Program</a></li>
            <li><a href="#">Books</a></li>
            <li><a href="#">Photography</a></li>
        </ul>
    </div>

 

解決辦法是要在a裏面也加下float:left，別問哥爲啥，哥也不知道，哥是用IETester的調試軟件試出來的～～～～～～

 

以下代碼所示：

 

.menu .nav li{float:left;} .menu .nav li a{float:left;color:#FFF;} .menu .nav li a:hover{color:#070707;}