ie6中缺少Div高度解

Question

我使用空div来设置 height 3px 来显示一条线。它适用于所有浏览器，但在 ie6 高度div显示 20px高度。即使高度也保持不变：0px。但其他属性的更改反映但不是高度，并且没有来自其他div的重复css条目和继承值。请任何人帮忙

<div id="line"></div>   

CSS：

#line {
    border: none;
    background-color: #134c7c;
    height: 3px;
    margin-bottom: 20px;
}

Answer 1

Internet Explorer有一个奇怪的想法，即每个元素的内容应至少为一个字符高。你可以通过使用overflow属性解决这个问题，这样内容可以保持高字符，但它不会影响元素本身的高度：

.line { height: 3px; overflow: hidden; }

Answer 2

尝试：

line-height:0

Answer 3

只是猜测。

检查元素内是否有空格。如果是，则设置

font-size: 1px;

元素的属性。

Answer 4

尝试使用div中的空格 猜猜