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;


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值