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 依然能显示字符.... 残念....