css - 页脚 div 没有保持在底部

Question

红色页脚出现在中间。如何让它保持在底部？像 clear: both 和 overflow: hidden。

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

Demo

代码太大，无法粘贴到此处(限制为 30000 个字符)。请给我工作 fiddle 。

更新:现在可以使用了。

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

Answer 1

你有

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

这是给它一个负的上边距并向上移动页脚。尝试删除该行。尽管您可能还需要调整页面的内容。您应该对内容使用 clearfix，这样它就不会落在页脚后面。