IE9不是Beta版上的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滚动条不起作用，则最小高度（也适用于width）不匹配。为什么？在chrome上，firefox和其他所有工具都可以正常工作！

解决方法

如果添加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>

除非检测到doctype，否则IE9会使用兼容模式呈现网站。实际上，如果您添加html5 doctype，则行为在所有浏览器中都是一致的，它不会执行您最初打算执行的操作。要完全解决此问题，请将其添加到CSS文件

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

beta beta ie9 不是不是不是问题问题问题