Question

我在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滚动条不起作用，则最小高度（也适用于宽度）不匹配。

为什么呢？在chrome，firefox和其他所有工作正常！

Answer 1

如果添加HTML5 Doctype，则此问题已修复。

<!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使用兼容模式呈现网站，除非检测到doctype。

实际上，如果添加html5文档类型，行为在浏览器中是一致的，那么它就不会执行您最初设置的操作。

要修复完全将其添加到CSS文件

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

Ie9上的Css问题（不是beta版）

1 个答案: