IE6下,CSS如何定义小于10像素的div高度

来源:互联网 发布:ubuntu拼音输入法 编辑:程序博客网 时间:2024/06/01 09:12
.header_2 {
width:100%;
height:2px;
background-color:#F60;

}

以上写法非IE6浏览器显示正常,IE6下会高出十几像素,这是由于IE6奇葩的默认字体大小所导致,如没声明此div内字体的大小,IE6会很2B的认为此div内字体为十几像素左右,结果就导致此div的高度也变这么高,所以,应写为:

.header_2 {
width:100%;
height:2px;
font-size:0px;
background-color:#F60;
}

或者

.header_2 {
width:100%;
height:2px;
overflow:hidden;
background-color:#F60;
}

这样就显示正常了。


求微软赶快干掉IE6吧,这等前端凶器真不应该再存活于世了

0 0