zoukankan      html  css  js  c++  java
  • 、在ie6,ie7中元素高度超出自己设置高度。原因是IE8以前的浏览器中会给元素设置默认的行高的高度导致的。

    在ie6,ie7中元素高度超出自己设置高度。原因是IE8以前的浏览器中会给元素设置默认的行高的高度导致的。解决方案是加上overflow:hidden或设置line-height为更小的高度。测试代码:

    .one{
        height:5px;
        100px;
        background:#F60;
    }

      HTML没变,还是<div class="one"></div>,在IE6下显示为:

      这个一看就知道不止5px,CSS改为下面两种之一就可以了:

    .one{
        height:5px;
        100px;
        overflow:hidden;
        background:#F60;
    }
    /*--或--*/
    .one{
        height:5px;
        100px;
        font-size:2px;
        line-height:2px;
        background:#F60;
    }

      注意这里加了line-height:2px后还要加上font-size才行。效果如图:

  • 相关阅读:
    服务器常用端口
    xml处理类
    水印的代码
    Asp.net常用的51个代码(非常实用)
    poj 2453
    MOD
    LIS(最长上升子序列)
    POJ各题算法分类(转)
    poj 1496&1850
    poj 1423
  • 原文地址:https://www.cnblogs.com/wht123/p/14216168.html
Copyright © 2011-2022 走看看