、在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才行。效果如图:

原文地址:https://www.cnblogs.com/wht123/p/14216168.html