刚才做个小的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;