Html 为什么定位为绝对的页脚会消失

我目前正在学习HTML和CSS，并将注意力集中在定位上，即固定、相对和绝对。我很好地理解了每一个概念，至少我认为我理解了，直到我将页脚标记的位置设置为绝对时，页脚标记完全消失。我知道你在问，消失本身意味着什么？这意味着我必须将左位置值从1024调整到850，才能再次看到页脚。这让我不禁要问，为什么在将页脚设置为绝对值后，位置值会跳得这么高？这就是我要问的问题。我希望我解释得足够好。我试图包括一张照片，但Stackoverflow不让我，因为这是我的第一篇文章。另外，我在页面上还有另外三个div，页脚、div和页眉元素的位置设置为相对……代码如下

main、页眉、页脚{
显示：块；
}
.页面容器{
宽度：95%；
保证金：0自动；
背景色：#050111；
位置：相对位置；
}
标题{
宽度：100%；
高度：60px；
保证金：0px自动；
背景颜色：蓝色；
文本对齐：居中；
位置：相对位置；
}
h1{
颜色：白色；
线高：50px；
保证金：自动；
}
主要{
宽度：100%；
高度：500px；
利润率：10px自动；
背景色：rgb（24223223）；
文本对齐：居中；
}
页脚{
寡妇：100%；；
高度：120px；
保证金：0自动；
背景色：蓝紫色；
文本对齐：居中；

布局实践
这是页面的标题
主要内容
页脚

位置：绝对；

将相对于其祖先元素放置一个元素。因此，如果将页脚定位为绝对，它将从页面正文开始的位置开始

footer{
    position:absolute;
    bottom:0;
}

---

添加

bottom:0；

将把你的元素放在正文的最底部。

请将你的CSS添加到问题中的片段中。CSS添加到原始帖子中。@Chasencode你希望页脚固定或移动到页面底部吗？页脚CSS的宽度是widows，而不是width？两者都不是，我只是想看看它对bein的反应如何g定位了溶质。它已经在页面底部了。