html - Internet Explorer 会忽略 CSS 中设置的非常小的高度

Question

我的 CSS 看起来像这样......

.ColorSeparatorArea
{
    background-color: #3d3d77;
    height: 1px;
}

...然后我将该样式应用于 DIV 元素:

<div class="ColorSeparatorArea"></div>

在非IE浏览器中可以正常使用，但是在IE中，它将div的高度设置为一行文本的高度，它不会让我再小了。有人知道如何解决这个问题吗？

Answer 1

.ColorSeparatorArea
{
    background-color: #3d3d77;
    height: 1px;
    overflow: hidden;
}