Html 滚动时,DIV背景色不会填充100%的高度

Html 滚动时,DIV背景色不会填充100%的高度,html,css,Html,Css,当我向下滚动时,我的div背景色仍然没有更新, 它到页面底部的高度为100%。请参见我的屏幕截图: 请参阅my上的以下代码: 文件 身体{ 宽度:100%;高度:100%;边距:0自动; 背景:橙色;颜色:000000; 字体系列:“世纪哥特式”、“苹果哥特式”、Verdana、无衬线; } #容器{ 宽度:800px;高度:100%; 位置:绝对;左侧:0;右侧:0;左侧边距:自动;右侧边距:自动; } #页面{ 背景:#FFFFFF; 填料:1.1米; 位置:绝对;顶部:0;底部:0;左

当我向下滚动时,我的div背景色仍然没有更新, 它到页面底部的高度为100%。请参见我的屏幕截图:

请参阅my上的以下代码:


文件
身体{
宽度:100%;高度:100%;边距:0自动;
背景:橙色;颜色:000000;
字体系列:“世纪哥特式”、“苹果哥特式”、Verdana、无衬线;
}
#容器{
宽度:800px;高度:100%;
位置:绝对;左侧:0;右侧:0;左侧边距:自动;右侧边距:自动;
}
#页面{
背景:#FFFFFF;
填料:1.1米;
位置:绝对;顶部:0;底部:0;左侧:3px;右侧:3px
}
页面标题





内容




Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

如何告诉div
#页面
拉伸其白色背景色 当我向下滚动时,是否会进一步移动到页面底部

如果我使用<代码>最小高度:100%
位置:相对
#页面中
生成右侧的滚动条:


位置:绝对
更改为
位置:相对

加上这个

#page {
  position: relative;
}

您可以添加
最小高度:100%

我添加了:

min-height: 90%
box-sizing: box-sizing;
margin-bottom: 1.1em;
到页面并删除绝对位置


您真的需要使用身高:100%吗?你能试试最小高度:100%吗?当我将最小高度:100%添加到#页面时,我得到了滚动条,也没有必要滚动。@udgru。您已将填充添加到#页面,您应该删除或降低最小高度
min-height: 90%
box-sizing: box-sizing;
margin-bottom: 1.1em;