的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

回答

相关问题