html - 为什么我的页脚位于视口(viewport)底部而不是页面底部？

Question

我有这个 fiddle https://jsfiddle.net/acafLy9h/1/我正试图让我的页脚位于页面底部而不是视口(viewport)。

footer{
  position: absolute;
  background-color:red;
  bottom: 0;
  width:100%;
  height: 60px;
}

我已经在此处和网络上查看了一些与此类似的其他问题，他们建议删除 position: absolute; 但是当我尝试这样做时它没有帮助。有什么建议吗？

Answer 1

我会删除

position:absolute

来自页脚以及 mainContent 类