Javascript &引用;溢出:隐藏";在ie中无效 html{溢出:隐藏;} 正文{溢出:隐藏;高度:100%;背景色:蓝色;边距:0px;} div{高度:3000px;背景色:红色;边距:30px;} 达斯达德

Javascript &引用;溢出:隐藏";在ie中无效 html{溢出:隐藏;} 正文{溢出:隐藏;高度:100%;背景色:蓝色;边距:0px;} div{高度:3000px;背景色:红色;边距:30px;} 达斯达德,javascript,html,css,internet-explorer,overflow,Javascript,Html,Css,Internet Explorer,Overflow,下面是html代码。当它在标准浏览器上运行时,div标记会一直显示在窗口中。 但它在ie中运行,当您选择单词“dasdasd”并向下拖动时,body标签将滚动,单词“dasdasd”将隐藏,除非您禁用选择功能。 有人能给我其他的解决办法吗 与Spudley的答案一样,DOCTYPE会导致问题,但在标准模式下,body标签仍会滚动,任何人都可以解决问题?尝试以下方法: <html> <head> <style> html{ overflow:hidden;} b

下面是html代码。当它在标准浏览器上运行时,div标记会一直显示在窗口中。 但它在ie中运行,当您选择单词“dasdasd”并向下拖动时,body标签将滚动,单词“dasdasd”将隐藏,除非您禁用选择功能。 有人能给我其他的解决办法吗

与Spudley的答案一样,DOCTYPE会导致问题,但在标准模式下,body标签仍会滚动,任何人都可以解决问题?

尝试以下方法:

<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>

希望它能起作用……祝你好运。

问题是你错过了
声明

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

在quirks模式下,浏览器有效地使页面向后兼容IE5。它改变了呈现基本框布局的方式,并取消了对许多标准CSS的支持

将以下doctype添加到页面顶部(在
标记上方),您将看到一切正常:

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


它与
溢出
或CSS无关。另外,请指定您使用的IE版本——这可能也会有所不同。现在我可以说“啊哈!”,这是我第一次知道,谢谢:)但是body标签也在标准模式下滚动,您能解决这个问题吗?
<!DOCTYPE html>