css - 如何在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 的高度限制为字体大小。