的CSS問題

我這個簡單的代碼中CSS：的CSS問題

#main { 
    height: 100%; 
    min-height: 500px; 
    background-color:black; 
    overflow: auto; 

}

和這個簡單的html代碼：

<html> 
<head> 
<title>Benvenuti in Egnomia</title> 
<link rel="stylesheet" type="text/css" href="./prova.css"> 
<body> 
<div id="main"> 

</div> 

</body> 
</html>

如果我調整窗口，即9滾動條沒有按不工作，最小高度（也適用於寬度）不匹配。

爲什麼？在鉻，Firefox和所有其他工作正常！

來源

2011-06-21 Giuseppe

什麼是「溢出：汽車;」做？嘗試刪除 – Webars

它似乎如果你設置高度像素值的工作。不知道爲什麼它不適用於百分比。我確實將html和body標籤設置爲100％，但是如果主div的高度設置爲百分比，那麼它就什麼都不做。 –

還搜索「最小高度，即」變成了一些黑客和他們做加分高效果（添加滾動條時最小化瀏覽器），但他們似乎忽略了100％的高度。 –

如果添加了HTML5文檔類型這個問題是固定的。

<!DOCTYPE html> 
<html> 
<head> 
<title>Benvenuti in Egnomia</title> 
<link rel="stylesheet" type="text/css" href="./prova.css"> 
<body> 
<div id="main"> 

</div> 

</body> 
</html>

IE9呈現使用兼容模式的網站，除非檢測到文檔類型。

其實，如果你添加HTML5文檔類型的行爲是不同的瀏覽器只是一致的，它不會做什麼您最初着手做。

要解決這完全添加到CSS文件

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

來源

2011-06-29 20:52:04

回答

相關問題