代码之家  ›  专栏  ›  技术社区  ›  Peter V. Mørch

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

  •  3
  • Peter V. Mørch  · 技术社区  · 15 年前

    为什么这会在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

    4 回复  |  直到 15 年前
        1
  •  3
  •   user123444555621    15 年前
    applet {
        display: block;
    }
    

    以防止将小程序呈现为内嵌元素,这将强制行高呈现。

        2
  •  3
  •   BalusC    15 年前

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

        3
  •  0
  •   Kyle Hotchkiss    15 年前

    试着把高度降到99%或98%。或者尝试加入一些更彻底的重置CSS。不要在body元素上使用overflow-y。糟糕的可用性。

        4
  •  0
  •   dave    15 年前

    事情1——css/溢出

    以下是您可以使用的CSS设置(如果它们有帮助的话): http://www.w3schools.com/Css/pr_pos_overflow.asp

    第二件事——CSS对滚动条本身进行筛选(即,将其完全变为白色,或其他适合您的页面的选项): http://www.draac.com/css/csstricks.html (向下滚动)