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