Div標簽在Internet Explorer上的行為有所不同

Question

我試圖代表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上的線？

編輯：使用IE9時會出現此問題，對於IE10來說可以正常工作。

Answer 1

添加字體大小：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中工作

高度固定

Div標簽在Internet Explorer上的行為有所不同

問題描述

1 個解決方案

解決方案1
1 2013-11-18 08:50:11

Div標簽在Internet Explorer上的行為有所不同

問題描述

1 個解決方案

解決方案1 1 2013-11-18 08:50:11

解決方案1
1 2013-11-18 08:50:11