我有以下代码来创建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
line-height
设置为1无效为什么IE会忽略我的所有CSS规则?
答案 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滚动条顶部箭头放下该行。