ie6的height bug

  刚才做个小的js游戏时,想用个10*10 px的div方块,ff、ie7、8没问题,但是ie6中发现高度应该为10px,但是结果却是显示15px  不只10px(根据每台显示器的 pt 与 px 的转换结果)通过google,才知道是font-size搞的鬼。ie6默认font-size是13px,会在ie6中将块级标签的高度撑开到15px(上下各保留1px)。 修正为: 是font-size 和 line-height 共同引起的。

   另外 ie6 默认字体大小为 12pt, line-height 为 normal。

  重现代码:

    #box{ width:10px; height:10px; background-color:green; }

    <div id="box"></div>

 

   解决方案:

  添加css: overflow:hidden; line-height:0;

IE6下虽然能解决了, 但是测试时发现 Maxthon3 依然能显示字符....  残念....

posted @ 2010-11-21 20:27  Alucelx  阅读(448)  评论(2编辑  收藏  举报