Html 使引导页脚粘在内容的底部

我已经三天没有试着让页脚粘在网页内容的底部了。我知道有很多类似的问题，但我找不到任何解决方案。这是我的代码：

.container{position:relative；}
页脚{位置：绝对；底部：0；}

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

联系我们

使用

位置：粘性


容器{位置：相对；}
页脚{位置：粘滞；底部：0；}

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

联系我们
如果希望它位于页面底部&而不是视口，则必须为内容设置高度，以便
绝对
页脚位于底部

否则更改其相对
父类。
这里我将
body
设置为
footer

试试这个


body{position:relative；}
.集装箱{
高度：800px；
}
页脚{
位置：绝对位置；
底部：0；
左：0；
}

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

联系我们
如果您想让它粘在
容器的底部
请使用
位置：相对
或完全移除
位置
，结果相同。
您可以使用下面的示例进行相同的操作



html{
身高：100%；
框大小：边框框；
}
*,
*：之前，
*：之后{
框大小：继承；
}
身体{
位置：相对位置；
保证金：0；
填充底部：50px；
最小高度：100%；
字体系列：“Helvetica Neue”，Arial，无衬线；
}
.演示{
保证金：0自动；
填充顶部：64px；
最大宽度：640px；
宽度：94%；
}
.演示h1{
边际上限：0；
}
.页脚{
位置：绝对位置；
右：0；
底部：0；
左：0；
填充：16px；
背景色：#EFEF；
文本对齐：居中；
}

Lorem ipsum dolor sit amet，奉献精英。阿梅特，a，假设。目前，公共建筑公司的omnis amet accusantium在颞叶移植术中发现了同侧debitis culpa voluptate recursandae velit，值得一提

Lorem ipsum dolor sit amet，奉献精英。阿梅特，a，假设。目前，公共建筑公司的omnis amet accusantium在颞叶移植术中发现了同侧debitis culpa voluptate recursandae velit，值得一提

Lorem ipsum dolor sit amet，奉献精英。阿梅特，a，假设。目前，公共建筑公司的omnis amet accusantium在颞叶移植术中发现了同侧debitis culpa voluptate recursandae velit，值得一提

Lorem ipsum dolor sit amet，奉献精英。阿梅特，a，假设。目前，公共建筑公司的omnis amet accusantium在颞叶移植术中发现了同侧debitis culpa voluptate recursandae velit，值得一提

Lorem ipsum dolor sit amet，奉献精英。Amet
这就是你的意思吗？不，我不希望它位于视口的底部。我希望它在页面的底部。我希望它只是在网页的底部。不粘滞如何将容器的高度设置为视口的高度？添加
高度：100vh