Question

<html>
<head>
<style>
html{ overflow:hidden;}
body{ overflow:hidden; height:100%; background-color:blue; margin:0px;}
div{ height:3000px; background-color:red; margin:30px;}
</style>
</head>

<body>
<div>dasdasd</div>
</body>
</html>

这是html代码。当它在标准浏览器上运行时，div标签会一直显示在窗口中。但它运行在ie，当你选择单词“dasdasd”并向下拖动时，body标签将滚动并且“dasdasd”字样将隐藏，除非你禁用select函数。有人可以给我其他解决方案吗？

与Spudley的回答一样，DOCTYPE会导致问题，但在标准模式下，身体标签仍然滚动，任何人都可以解决问题吗？

Answer 1

问题在于您错过了<!DOCTYPE>声明。

当IE看到没有DOCTYPE的HTML代码时，它会进入怪癖模式。

在怪癖模式下，浏览器有效地使页面向后兼容IE5。它改变了渲染基本框布局的方式，并删除了对许多标准CSS的支持。

将以下doctype添加到页面顶部（<html>标记上方），您应该会看到正确的事情：

<!DOCTYPE html>

Answer 2

试试这个：

body {
    background-color: blue;
    height: 100%;
    margin: 0 auto;
    overflow: auto;
}
div {
    background-color: red;
    margin: 30px;
    overflow: auto;
}

希望它有效......祝你好运。

“溢出：隐藏”在ie中无效

2 个答案: