Question

这是我的网页，它在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>

IE8

页面底部没有滚动条

Answer 1

您应该在页面中添加doctype声明 - 这将确保大多数浏览器以相同的方式尽可能地行事。至少它会消除一类可能的问题。

大多数情况下，当涉及到滚动条时，只有当内容比客户端显示区域更宽/更高时，它们才会出现，无论CSS规则是什么。

Answer 2

如果您要设置一个max-width值会导致忽略它们，那么设置min-width和width是没有意义的。在您的示例中，min-width永远不会被使用，因为您已将width设置为更大的值。同样，此处不需要max-width，因为width已设置为相同的值。

这将更合适地使用三者：

div.yourdiv {
    max-width: 300px;
    min-width: 100px;
    width: 50%;
}

此div将是包含它的元素宽度的50％，但宽度不超过300像素或宽度不超过100像素。

最小宽度，最大宽度，宽度。在身体标签的IE8中没有任何作用

2 个答案: