最近发现自己的网站在ie6下使用的li宽度都是无效的,仔细查了一下是因为一个浮动问题了,下面我把实例与大家看看。
现在的代码
<ul class="clearfix">
<li><a href="" title="\" target="">首页</a></li>
<li class="li_spe pngFix"></li>
<li><a href="" title="\" target="">关于我们</a></li>
<li class="li_spe pngFix"></li>
<li>
<a href="" title="\" target="">新闻资讯</a>
</li>
<li class="li_spe"></li>
<li><a href="" title="\" target="">案例展示</a></li>
</ul>
ul{}
ul li{float:left;}
这样在IE6下就不正常了
解决之道
给li下的元素添加浮动,本例则给a添加个浮动就好了
ul li a{ float: left; }