zoukankan      html  css  js  c++  java
  • _#【兼容】如何在ie6里定义高度小于18px的盒子

    我们并没有给盒子定义高度,但IE6和IE7里却出现了高度,FF和opera正常。
    给#left盒子加上height:5px后,IE6没有变化,IE7#left盒子有了指定的高度,但#right还是有一个高度,FF和opera仍然正常。
    再给#right盒子加上height:10px,IE6依据没有变化。IE7正常了,FF和opera仍然正常。
    IE7、 FF和opera正常了,先把他们抛开,不理他们了,现在只看IE6,为什么IE6里的盒子明确定义了高度,它却不按指定的高度显示呢?它为什么始终显示 那个高度?那个高度是多少呢?我们增加#right盒子的高度,增加1px,也就是增加到11px,仍然没有变化,增加到12px、13px……直到增加 到19px,终于有变化了。由此可以断定那个高度是18px,也就是说在IE6里无法定义小于18px的高度(即使是0),而IE7没有给盒子定义高度的 话,也会有18px的高度。

    什么原因呢?这是由于IE默认字体大小造成的。
    解决的方法:
    font-size:0;
    overflow:hidden;
    height:0;
    这样,在IE6、IE7、FF和opera里的效果就一样了。

    还可以:

  • 相关阅读:
    大数据面试(hbase)
    大数据面试(spark)
    大数据面试(kafka)
    ssm整合cas单点登录
    sm整合shiro权限控制
    js中的this机制
    xftp个人版下载
    window.innerHeight属性和用法
    使用elementui图标按钮调整宽高后图标不居中
    git常用的操作记录一下
  • 原文地址:https://www.cnblogs.com/jzm17173/p/2523571.html
Copyright © 2011-2022 走看看