2011-10-20 46 views
0

好的我有一个简单的HTML网页。问题是,当我在页面的开头指定一个Doctype时,我的样式表高度:100%不起作用。IE8文档类型声明100%高度问题

如果我删除doctype声明,一切都按预期工作。所以有人知道为什么发生这种情况我应该使用什么文档类型?
我也尝试使用“严格”DOCTYPE声明,但仍然是同样的问题。 在此先感谢。

以下是完整的HTML,其中高度:100%不工作:

<!DOCTYPE html PUBLIC "-//VYOM//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org /TR/xhtml1/DTD/transitional.dtd"> 
<html>  
<body> 
    <div style="background-color:red; height:100%;"> 
     testing 123... 
    </div>  
</body> 

如果我删除的文档类型的DIV占据如预期的那样获得高度的100%:

<html>  
<body> 
    <div style="background-color:red; height:100%;"> 
     testing 123... 
    </div>  
</body> 
</html> 
+0

下面是DOCTYPE问题的一个简单和明确的解释: http://stackoverflow.com/a/32215263/3597276 –

回答

3

地址:

body, html { 
    height:100% 
} 
+0

我希望无论谁低估了接受的答案至少会提供一个解释。 –