您的位置:首页 > 其它

IE6设置li的float:left,不能自适应宽的解决方法

2016-01-26 19:42 519 查看
做个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{color:#FFF;}

.menu .nav li a:hover{color:#070707;float:left;}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: