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;

在父母身上。