在 div 上设置 4px 高度会导致 IE8 中的空间约为 12 像素

Question

    <div id="spacer">

    </div>

+

#spacer {
    height: 4px;
}

Firefox 和 Safari 做得很好，屏幕上的空间很小。 IE8 使其大于 4px。 WTF。

如果我将其设置为 200 像素或其他值，空间就很大了。它会减小，直到我达到大约 15 px，此时 IE 继续绘制 15 px 的空间，尽管 css 说是 4 px。

如果你能帮助我，非常感谢。

Answer 1

您几乎肯定会遇到行高和/或字体大小属性。尝试减少这些，空间就会缩小。

#spacer {
    height: 4px;
    line-height:4px;
    font-size:4px
}