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;}
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;}
相关文章推荐
- SetRegistryKey
- docker 数据共享,数据复制
- 学习闭包的一些发现2
- ConcurrentModificationException产生原因的情况解析
- HBase-3.HBase读数据和存储数据原理
- MySQL建立索引的注意事项
- HDU 2896 病毒侵袭 AC自动机
- unix环境高级编程之信号篇(一)
- 233,自定义NSOperation
- Android属性动画完全解析(中),ValueAnimator和ObjectAnimator的高级用法
- ListView 实现全选功能
- 【转】使用Xcode和Instruments调试解决iOS内存泄露
- 阿里无线11.11 | Weex——关于移动端动态性的思考、实现和未来
- 小蚂蚁学习数据结构(25)——图的基本概念和术语
- HBase-2.HBase 的体系结构、行键、列族设计
- bootstrap datetimepicker 位置错误
- HBase-1. 搭建过程和集群安装注意事项
- hdu 1561 The more, The Better(树形DP)
- C++基础——模拟事务 (2)Composite模式
- Android技术积累:开发规范