Html 为什么我的页面不能滚动？
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/12575251/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Why is my page not scrollable?
提问by HansStam
So I have made a few pages that use the following css code:
因此，我制作了一些使用以下 css 代码的页面：
html { overflow-y: scroll; }
ul.navbar {
list-style-type: none;
position: fixed;
top: 00px;
left: 00px;
width: 200px;
height: 700px;
background-image:url('/images/B_left-background.png');
}
ul.header {
position: fixed;
top: -20px;
left: 240px;
height: 100px;
width:700px;
background-image:url('/images/B_left-top.png');
}
body {
position: fixed;
top: 100px;
left: 300px;
font-family: Georgia, "Times New Roman",
Times, serif;
background-color: #D6E9B4;
}
div.scrollableContainer {
background: none repeat scroll 0 0 ;
border: 1px solid #999999;
height: 400px;
margin: 40px;
overflow: auto;
width: 800px;
}
h1 {font-family: Helvetica, Geneva, Arial,
SunSans-Regular, sans-serif }
ul.navbar a {text-decoration: none }
a.send{
color: black;
background-image:url('/images/send-message-bt.png');
position:fixed;
top:200px;
left:0px;
height:80px;
width:290px;
}
a.token{
color: black;
background-image:url('/images/token-ID-bt.png');
position:fixed;
top:300px;
left:0px;
height:80px;
width:290px;
}
a.history{
color: black;
background-image:url('/images/history-bt.png');
position:fixed;
top:400px;
left:0px;
height:80px;
width:290px;
}
a.comp{
background-image:url('/images/competition-bt.png');
position:fixed;
top:500px;
left:0px;
height:80px;
width:290px;
}
a.out{
background-image:url('/images/B_log-out-bt.png');
position:fixed;
top:600px;
left:50px;
height:60px;
width:160px;
}
I would like to make the whole page scrollable, so that if someone on a low-resolution device can still scroll down. As you can see I put in the: html { overflow-y: scroll; } But this does not help.
我想让整个页面都可以滚动，这样如果使用低分辨率设备的人仍然可以向下滚动。如您所见，我输入了： html { overflow-y: scroll; 但这无济于事。
Is there any way I can fix this? Does it have something to do with me setting the fixed-heights?
有什么办法可以解决这个问题吗？这与我设置固定高度有关吗？
回答by Timo K?hk?nen
Try this:
尝试这个：
html { overflow-y: scroll; }
body { position: absolute; }
Or this:
或这个：
html { overflow-y: scroll; overflow-x:hidden; }
body { position: absolute; }
回答by Darkcoder
overflow-y: scroll;
to both body and html
溢出-y：滚动；到正文和 html
html,body{overflow-y: scroll; }
