我希望有人能帮帮忙。我已将 body height 属性设置为 100%，当所有内容同时显示在屏幕上时，这很好。然而，当我需要滚动（最小化窗口时）主体颜色消失，只留下我为 HTML 背景设置的颜色。
有人知道解决办法吗？
html {
background-color: #07ade0;
}
body {
background-color: #7968ae;
width: 900px;
margin-left: auto;
margin-right: auto;
font: 20px verdana, "sans serif", tahoma;
}
如果你的身体设置为height: 100%，那么它将是窗口的 100%，这并不理想，因为正如您提到的，较长页面上的背景会被切断。去掉 height 属性，你就应该被设置了。
您还可以设置height: 100%双方html, body然后在你的容器中创建一个容器body。然后移动你的html样式到body， 和你的body新容器的样式。
这是首选，因为通常不认为在您的设备上设置像素宽度是最佳实践。body元素。
HTML
<body>
<div id="container">Your well-endowed content goes here.</div>
</body>
CSS
html, body {
height: 100%;
}
body {
background: #07ade0;
}
#container {
background: #7968ae;
width: 900px;
margin-left: auto;
margin-right: auto;
font: 20px verdana, "sans serif", tahoma;
overflow: hidden;
}
See DEMO http://jsfiddle.net/zaknotzak/TVdxK/2/.
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
