如何在 IE8 中创建一个 1px 高度的 div答案

【问题标题】：How to create a 1px height div in IE8如何在 IE8 中创建一个 1px 高度的 div
【发布时间】：2012-10-27 03:44:49
【问题描述】：

我有以下代码来创建一个 1px 高度线：

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

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

编辑：

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

【问题讨论】：

【解决方案1】：

只需将字体大小设置为 1px； IE 将这个 div 的高度限制为字体大小。

【讨论】：

【解决方案2】：

@Laurent，如果您仍然无法获得所需的 1px div，尽管使用 height:1px; line-height:1px;字体：普通1px/1px arial；您可能需要在网页代码顶部检查您的 DTD（文档类型定义）。你可以试试这个：

<!DOCTYPE HTML>
<html>
...
</html>

【讨论】：

【解决方案3】：

设置line-height 和 font-size 为1px。

【讨论】：

【解决方案4】：

没有上下文真的很难说...除了将填充重置为 0 之外，它可能与其他元素有关（可能在上面）。特别是如果它们是浮动的。也可以试试 clear:both;还要确保它没有 display:inline;任何地方...默认是阻塞的，应该是阻塞的。

在没有上下文的情况下，它真的是在黑暗中戳。

【讨论】：

【解决方案5】：

我的建议：这是浏览器滚动条的问题。只要你放身体{边距：0； padding:0;} 你在所有浏览器中都看不到行。

IE7 滚动条顶部箭头放下该行。

【讨论】：