如何解决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;
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。