删除IE8中的页面滚动条(溢出:隐藏不起作用)

mor*_*des 3 css internet-explorer-8

应用这个

overflow:hidden;
Run Code Online (Sandbox Code Playgroud)

我的文件正文在IE8中没有任何效果.有什么想法吗?

Gra*_*ark 5

这取决于IE8是以标准还是Quirks模式呈现页面.例如,将显示以下HTML而没有滚动条:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
    <head>
        <title>test</title>
    </head>
    <body>
        <p>hello</p>
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

但是,如果删除doctype声明,IE8将以Quirks模式呈现页面:

<html>
    <head>
        <title>test</title>
    </head>
    <body>
        <p>hello</p>
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

您还可以通过使用开发人员工具强制渲染模式来检查这一点.在页面上按F12,在菜单栏的末尾(出于某种原因......),有一个"文档模式"设置.在标准和Quirks之间切换也应该切换滚动条.

所以......你需要让你的页面符合HTML标准!它不一定是XHTML Strict,它可能是HTML 4,甚至是XHTML Transitional,如果你真的必须的话.

W3C验证可以帮助您与任何验证错误.