Question

为什么这会在IE6，IE7和IE8中创建一个veritcal滚动条？如何避免呢？

（我有一个真正的小程序，但我发现这个严重残缺的小程序给出了相同的结果并有助于简化测试用例）

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Why vertical scrollbar in IE?</title>


    <style>
        HTML, BODY {
            height: 100%;
        }

        BODY {
            padding:0;
            margin:0;
        }

        /* And yes I can use this, but I'd rather not
        BODY {
            overflow-y: hidden;
        }
        */
    </style>
</head>
<body>
     <APPLET  WIDTH = "100%" HEIGHT = "100%"></APPLET>
</body>
</html>

以上也可以http://www.morch.com/download/ieVerticalScrollbars.html

Answer 1

将position: absolute;添加到小程序的样式。

Answer 2

尝试将高度降至99％或98％。或尝试投入一些更彻底的重置CSS。不要在body元素上使用overflow-y。可怕的可用性。

<applet height =“100％”>导致IE中的垂直滚动条。为什么/如何避免？</applet>

4 个答案: