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;