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; }

    

 

   解决方案:

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


你可能感兴趣的:(css)