Html 如何让粘性页脚工作？

我试图找出如何让页脚在的css中粘贴到页面底部

我试过很多教程中提到的东西，比如：

位置绝对,， 底部：0， 容器的最小高度为100%， 身体高度100%， 但这些事情都没有好结果

您可以通过查看网站来查看HTML和CSS。我这里找不到正确的密码

---

有人能帮帮我吗，也许HTML有问题？

你的页脚位置有问题：绝对；它将隐藏其后面的其他元素

如果删除position:absolute，则可以最好地查看页脚；以便显示所有元素并添加页边顶部：20px；页脚和它前面的元素之间有一些间隙

试试看

编辑：

如果希望页脚始终在屏幕上浮动，请内联使用以下CSS注释：

---

从.footer类中删除位置：绝对和底部：0。我认为这解决了你的问题。并在页脚上方添加一个小边距，使内容和页脚之间有一个小空间

---

您可以通过查看网站来查看HTML和CSS。我这里找不到正确的密码。您始终可以从元素检查器复制相关代码。或者右键单击->查看源代码..有这么多…从页脚中删除位置：绝对。或者，如果您希望页脚一直显示，则根据您的需要使用“位置：固定和适当的页边距/填充”，但当您查看另一页（例如注册）时，您会看到页脚浮动而不是向下推。谢谢，我已经试过了，但是在内容之后它仍然不会浮在底部。@HugOnline请查看我上面答案中的编辑。谢谢Rahul的帮助！问题是，我希望它在页面的底部，而不是屏幕的底部。你能帮我吗？@HugOnline我的第一个解决方案就是这样@如果你还有任何问题，请告诉我。如果您认为此答案解决了您的问题，请将其标记为已接受。

.container {
  max-width: 1200px;
  margin: auto;
  padding: 0px 3%;
  margin-bottom: 250px; /* so that all content is visible */
}

.footer {
  background: #efefef;
  position: fixed; /* so that the footer floats */
  overflow: auto;
  bottom: 0px; /* float at bottom */
  padding-top: 20px;
  padding-bottom: 20px;
  height: 180px;
  width: 100%;
  margin-top: 20px;
}