div 标签在 Internet Explorer 上的行为不同答案

【问题标题】：Div tag behaves differently on Internet Explorerdiv 标签在 Internet Explorer 上的行为不同
【发布时间】：2013-11-18 17:57:10
【问题描述】：

我试图在 html 中表示一行。为此，我正在使用此代码：

<div class="blue_bar" style="margin-top: 10px;"></div>

在 CSS 中我定义了这个：

.blue_bar
{
    height: 5px;
    BACKGROUND-COLOR: rgb(0,0,136);
    margin-top: 10px
}

现在，这在 Google Chrome 上运行良好，但在 IE 上显示的行不同。我附上了两张结果图片：

铬：

IE:

有没有一种方法可以修复 IE 上的线路，使其看起来像 Chrome 上的线路？

edit：这个问题是在使用IE9的时候出现的，IE10可以正常使用。

【问题讨论】：

使用一些css reset - what is a css reset?。
为什么大写的背景颜色是？
@PatsyIssa;大小写无关紧要 - 请参阅 w3.org/TR/SVG/styling.html#CaseSensitivity。这适用于 SVG，但同样适用于我理解的 CSS。
没有 IE 检查。您可以尝试将 box-sizing css 添加到 DIV 吗？并张贴小提琴
@Exception: 你能告诉我怎么做吗，我通常不使用 html？

标签： internet-explorer google-chrome html

【解决方案1】：

添加 font-size: 0; 属性。它是一个 IE9（及更低版本）错误，不允许您使用小于字体大小的 DIV 元素。

<html>
<head>
<style>
.blue_bar
{
    height: 5px;
    background-color: rgb(0,0,136);
    margin-top: 10px;
    font-size: 0;
}
</style>
</head>
<body>
<div class="blue_bar" style="margin-top: 10px;"></div>

</body>
</html>

更新：修改此答案以在 IE9 中工作

【讨论】：

你使用 IE 10 吗？我刚刚测试过，它可以工作，但我最初在 IE 9 上测试过，但不工作
是的，它是一个 IE9 问题。我将兼容模式从 IE10 更改为 IE9，它显示一个宽条
知道如何解决这个问题吗？
我不知道为什么它对我不起作用。我也清除了缓存
最后一件事 - 尝试填充：0px;