如何在IE8中创建1px高度div

Question

我有以下代码来创建1px高度线:

<div style="width:300px; height:1px; background-color:#ff3300; margin-top: -1px;"></div> <!-- top red line -->

该代码在Firefox中运行良好,但在IE8中,它显示为10px高度线左右.如何强制IE考虑指定的高度？

编辑:

• 我只是尝试将min-height属性设置为1px,但这也无效.
• max-height 也被IE忽略了
• 将设置line-height为1无济于事

为什么IE忽略了我的所有CSS规则？

Answer 1

只需将font-size设置为1px; IE将此div的高度限制为字体大小.