页脚div不会保持在底部

Question

红色的页脚在中间站起来。如何让它自己保持在底部？与clear: both和overflow: hidden一样。

我尝试过很多东西，有什么我做错了吗？

Demo

代码太大而无法粘贴（30000个字符限制）。请给我工作小提琴。

更新：现在可以使用。

#footer {
  position: relative;
  height: 274px
  bottom: 0;
  margin-top: 274px;
}

Answer 1

你有

#footer {
    margin:-274px 0 0;
}

这给了它一个负的上边距并向上移动页脚。尝试删除该行。虽然您可能还需要调整页面内容。你应该在内容上使用clearfix，因此它不会在页脚后面。

Answer 2

试试这个：

#footer {
    position:fixed;
    bottom:0;
}

Answer 3

首先：清除：两个对于 position：absolute 元素无效，因为它们不在正常流程中。

第二：设置位置：绝对;底部：“div.gallery”元素上的0px; 样式，它将位于容器的底部。

但这对你来说还不够，你应该让你离开它的容器div。