[英]DIV background-color does not fill 100% height when scrolling
當我向下滾動我的div背景顏色仍然沒有更新時，它是100％高度到頁面底部。 在這里看我的截圖：
請參閱我的JSFiddle示例中的以下代碼：
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
body {
width: 100%; height: 100%; margin: 0 auto;
background: orange; color: #000000;
font-family: "Century Gothic", "Apple Gothic", Verdana, sans-serif;
}
#container {
width: 800px; height: 100%;
position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto;
}
#page {
background: #FFFFFF;
padding: 1.1em;
position: absolute; top: 0; bottom: 0; left: 3px; right: 3px
}
</style>
</head>
<body>
<div id="container">
<div id="page">
<u>Page Title</u>
<br /><br /><br /><br />
<b>Content</b><br /><br /><br /><br />
Lorem Ipsum<br /><br />Lorem Ipsum<br /><br />
Lorem Ipsum<br /><br />Lorem Ipsum<br /><br />
Lorem Ipsum<br /><br />Lorem Ipsum<br /><br />
Lorem Ipsum<br /><br />Lorem Ipsum<br /><br />
Lorem Ipsum<br /><br />Lorem Ipsum<br /><br />
Lorem Ipsum<br /><br />Lorem Ipsum<br /><br />
Lorem Ipsum<br /><br />Lorem Ipsum<br /><br />
Lorem Ipsum<br /><br />Lorem Ipsum<br /><br />
Lorem Ipsum<br /><br />Lorem Ipsum<br /><br />
Lorem Ipsum<br /><br />Lorem Ipsum<br /><br />
Lorem Ipsum<br /><br />Lorem Ipsum<br /><br />
Lorem Ipsum<br /><br />Lorem Ipsum<br /><br />
</div>
</div>
</body>
</html>
當我向下滾動時，如何告訴div #page將其白色背景顏色進一步拉伸到頁面底部？
如果我使用min-height: 100%; 和position: relative; 在#page它會在右側生成滾動條：
我已經添加了：
min-height: 90%
box-sizing: box-sizing;
margin-bottom: 1.1em;
到頁面並刪除絕對位置。
在兩個div中拆分頁面時，滾動背景顏色時，兩個div上的高度都不會達到100％
[英]split page in two divs, when scrolling the background-color does not fill 100% height on both divs
可能滾動時，固定的div（左側菜單）無法填充100％
[英]Fixed div (menu to the left) does not fill 100% when scrolling is possible
應用於`ul li`時，如何使我的背景顏色填充div的整個寬度？
[英]How do I make my background-color fill entire width of div when applied to a `ul li`?
如果滾動時可見div，則對主體進行動畫處理並更改其背景顏色
[英]Animate and change background-color of body if a div is visible while scrolling
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.