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

时间:2011-08-06 09:30:33

标签: css internet-explorer html height

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

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

代码在Firefox中工作正常,但在IE8中,它显示为10px高度线左右。如何强制IE考虑指定的高度?

修改

  • 我刚尝试将min-height属性设置为1px,但这也不起作用。
  • IE也忽略了
  • max-height
  • line-height设置为1无效

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

5 个答案:

答案 0 :(得分:9)

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

答案 1 :(得分:1)

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

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

答案 2 :(得分:0)

line-height font-size设为1px。

答案 3 :(得分:0)

在没有上下文的情况下很难分辨......除了将填充重置为0之外,它可能与其他元素(可能在上面)有关。特别是如果他们漂浮了。也可以尝试清楚:两者;还要确保它没有显示:内联;任何地方......默认是块,应该是阻止。

在没有背景的情况下,它真的在黑暗中戳。

答案 4 :(得分:0)

我的建议:这是浏览器滚动条问题。 只是你把 身体{margin:0; padding:0;}你在所有浏览器中看不到行。

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