在仿 http://player.qq.com/ 时,出现的问题,下面的框框总是显示不对,原因是 块级元素 在IE6下面有默认的一个高度.
<html>
<head>
<style type="text/css">
.l_t_mid{
width:576px;
height:6px;
background:#ff6633;
}
</style>
</head>
<body>
<div class="l_top">
<div class="l_t_mid"></div>
</div>
</body>
</html>
以上这个代码,在IE6下是不会如CSS描述那样,.l_t_mid的高度为6px.因为这是IE6中,系统同默认的并非是DIV默认的高度,而是你没有解决一个隐藏的参数:font-size。这个是IE6中对于DIV属性中的 font-size大小和你系统CSS中定义的font-size有很大关系,因此必须单独定义这个DIV的font-size,这样才能解决问题。
所以可以再 .l_t_mid 里加上 overflow:hidden; 或 加 font-size:0px;
参照: http://www.chinaz.com/Design/Rules/0F2320V2008.html