IE8高度100％Bug

Question

有沒有人聽說過使用CSS將高度作為html和body的百分比應用時IE8會出現的錯誤？ 我應該在應用瓷磚圖案時看到白色背景。

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

body {
    background-color: #666;
    background-image: url('../images/body/bg_pattern.gif');
}

Answer 1

IE8將高度元素解釋為比IE7更接近標准。 該聲明

`身高：100％

幾乎被忽略了。 百分比高度基於其父元素的高度。 如果父元素沒有顯式高度，則忽略百分比並將其設置為“自動”。 您可以在w3.org上看到更多相關信息。

如果您顯示的頁面為空，則正文的高度為0，您將看到默認背景。

Answer 2

要防止生成的height:0當您浮動子元素時，請設置

overflow:hidden;
position: relative;

在父母身上。