Dec
22

IE6下的LI高度bug

 14:00    804    10    学习手记
| |

CSS
  .main_o .nav img{margin:0; padding:0; border:none;}
  .main_o .nav a{padding:0; margin:0;}
    .main_o .nav ul{width:180px; margin:0 auto; height:290px; overflow:hidden;}
    .main_o .nav li{margin:0; padding:0; height:35px; }



HTML
            <div class="nav">
              <ul>
                  <li><a href="#"><img src="images/n_nav1.jpg" width="179" height="35" /></a></li>
                    <li><a href="#"><img src="images/n_nav2.jpg" width="179" height="35" /></a></li>
                    <li><a href="#"><img src="images/n_nav3.jpg" width="179" height="35" /></a></li>
                    <li><a href="#"><img src="images/n_nav4.jpg" width="179" height="35" /></a></li>
                    <li><a href="#"><img src="images/n_nav5.jpg" width="179" height="35" /></a></li>
                    <li><a href="#"><img src="images/n_nav6.jpg" width="179" height="35" /></a></li>
                </ul>
            </div>


在IE6下定义li的heigth属性是无效的,

解决方法:

需要在该LI样式下加入:
overflow:hidden;
line-height:0px;
font-size:0px;

附带:
DIV高度在ie6的BUG,需要加入overflow:hidden;

IE6和IE7的盒模型对LI盒模型的高度的理解:将字体的高度和行高算在一起
ccyuleih Email Homepage
2012/02/09 18:33
学习了,支持下.........
戒烟产品 Email Homepage
2012/02/02 10:38
代码很伤脑筋
阳光音基 Email Homepage
2012/02/01 14:21
谢谢博主,学习下
石家庄婚纱摄影 Email Homepage
2012/02/01 08:49
过来学习来了啊
723bk230 Email Homepage
2012/01/31 23:54
新手来报道啦~~~楼主说的是,很赞同~
影楼网销 Email Homepage
2012/01/18 13:01
过来看一下来了啊
冠世墨玉1a Email Homepage
2012/01/16 07:24
学习进取,与楼主共勉!
沧州婚纱摄影 Email Homepage
2011/12/30 09:09
过来看一下学习恩啦啊
龙虎榜数据 Email Homepage
2011/12/29 10:06
很喜欢的
游资 Email Homepage
2011/12/26 10:39
来看看博主的文章
分页: 1/1 第一页 1 最后页
发表评论
表情
emotemotemotemotemot
emotemotemotemotemot
emotemotemotemotemot
emotemotemotemotemot
emotemotemotemotemot
打开HTML
打开UBB
打开表情
隐藏
记住我
昵称   密码   游客无需密码
网址   电邮   [注册]