Html 网站没有'；t滚动|内容延伸到页面底部之外|页脚显示在顶部 问题1：滚动/显示内容

页面无法识别正文中div内的文本和图像。文本/图像位于页面底部的外部。如果缩小，它们是可见的。我试图添加一个滚动条，但滚动条无法滚动，因为它无法识别页面之外的任何内容

问题2：页脚在顶部 因为无法识别div中的内容，所以应该位于页面底部的页脚会像页眉一样位于顶部

代码：

/*页面的部分*/
身体
{
背景色：#F2F2；
边际：0px；
}
.侧边栏{
背景图片：url(http://images.all-free-download.com/images/graphiclarge/blurred_golden_background_192849.jpg);
身高：100%；
宽度：400px；
右边框：2px实心#ddd；
位置：固定；
背景重复：重复-y；
}
.maintext{
左边距：450px；
宽度：600px；
填充：0px 50px 10px 50px；
位置：绝对位置；
溢出：可见；
}
页脚{
填充：10px；
位置：相对位置；
背景色：红色；
}
/*正文*/
h1{
文本对齐：居中；
高度：30px；
字体系列：“压印MT阴影”；
字号：100；
字体大小：50px；
垫底：20px；
字母间距：20px；
颜色：#fff7e6；
文本阴影：0px 1px 2px#706b51；
}
氢{
文本对齐：居中；
字体系列：“世纪哥特式”；
字母间距：10px；
填充顶部：10px；
字号：200；
}
p{
字母间距：2px；
字体大小：12px；
字体系列：Calibri；
左侧填充：10px；
右边填充：10px；
}
.maintext p{
左侧填充：30px；
右侧填充：30px；
}
.引用{
背景颜色：灰色；
保证金：0px 90px 0px 90px；
}
ul#菜单li{
显示：内联；
字母间距：1px；
左边框：1px实心#706b51；
右边填充：40px；
左侧填充：5px；
字体大小：11px；
字体系列：坎达拉；
颜色：#706b51；
}
人力资源{
余量：-10px 80px-10px 80px；
颜色：#eee；
}

标题
标题1


链接1
链接2
链接3
链接4
链接5


标题2
这是一个带引号的块
这里有更多的文字。滚动不起作用，页面无法将其识别为内容。因此，如果这篇文章是loooong，它将从底部跳出页面

这里有更多的文字。滚动不起作用，页面无法将其识别为内容。因此，如果此文本过长，它将从底部跳出页面。

这里有更多的文字。滚动不起作用，页面无法将其识别为内容。因此，如果此文本过长，它将从底部跳出页面。

这里有更多的文字。滚动不起作用，页面无法将其识别为内容。因此，如果此文本过长，它将从底部跳出页面。

这里有更多的文字。滚动不起作用，页面无法将其识别为内容。因此，如果此文本过长，它将从底部跳出页面。

这里有更多的文字。滚动不起作用，页面无法将其识别为内容。因此，如果此文本过长，它将从底部跳出页面。

这里有更多的文字。滚动不起作用，页面无法将其识别为内容。因此，如果此文本过长，它将从底部跳出页面。

这里有更多的文字。滚动不起作用，页面无法将其识别为内容。因此，如果此文本过长，它将从底部跳出页面。

这里有更多的文字。滚动不起作用，页面无法将其识别为内容。因此，如果这篇文章是loooong，它将从底部跳出页面

这里有更多的文字。滚动不起作用，页面无法将其识别为内容。因此，如果此文本过长，它将从底部跳出页面。

这里有更多的文字。滚动不起作用，页面无法将其识别为内容。因此，如果此文本过长，它将从底部跳出页面。

这里有更多的文字。滚动不起作用，页面无法将其识别为内容。因此，如果此文本过长，它将从底部跳出页面。

这里有更多的文字。滚动不起作用，页面无法将其识别为内容。因此，如果此文本过长，它将从底部跳出页面。

这里有更多的文字。滚动不起作用，页面无法将其识别为内容。因此，如果此文本过长，它将从底部跳出页面。

这里有更多的文字。滚动不起作用，页面无法将其识别为内容。因此，如果此文本过长，它将从底部跳出页面。

这里有更多的文字。滚动不起作用，页面无法将其识别为内容。因此，如果此文本过长，它将从底部跳出页面。

这里有更多的文字。滚动不起作用，页面无法将其识别为内容。因此，如果此文本过长，它将从底部跳出页面。


这是页脚。该页面无法识别正文中的任何内容，因此它会在页面顶部结束。喜乐

滚动

通过对侧边栏和主文本使用

fixed

和

absolute

定位，您将这些内容从页面流中移除-也就是说，您已经从页面流中移除了所有内容，因此除了页脚之外，流中实际上没有任何内容，因此没有任何内容可滚动

只需从列表中删除这些位置

.sidebar {
    [...]
    position: fixed; /* <- remove this */
}

.maintext {
    [...]
    position: absolute; /* <- remove this */
}