这是我的网页,它在IE8中不起作用,但适用于FF 3.6.4和Opera 9.63: -
<html>
<head>
<style type="text/css">
body{
max-width:10002px;
min-width:3072px;
width:10002px;
margin:0px auto;
background:#293231;
height:100%;
padding:0px;
}
</style>
</head>
<body >
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
IE8中页面底部没有滚动条
您应该在页面中添加doctype声明 - 这将确保大多数浏览器以相同的方式尽可能接近.至少它会消除一类可能的问题.
大多数情况下,当涉及到滚动条时,只有当内容比客户端显示区域更宽/更高时,它们才会出现,无论CSS规则是什么.
有一个在没有设定点max-width和min-width如果你要设置width这将导致他们被忽视的价值.在您的示例中min-width永远不会使用,因为您已经设置width了更大的值.同样,max-width这里不必要因为width已经设置为相同的值.
这将更合适地使用三者:
div.yourdiv {
max-width: 300px;
min-width: 100px;
width: 50%;
}
Run Code Online (Sandbox Code Playgroud)
这div将是包含它的元素宽度的50%,但宽度不超过300px或宽度不超过100px.