IE8高度100％Bug

Question

当使用CSS将高度作为百分比应用于html和正文时，有没有人听说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;

在父母身上。