2011-10-20 77 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

我希望無論誰低估了接受的答案至少會提供一個解釋。 –