页脚不起作用 - 不会进入PAGE的底部[重复]

Question

这个问题在这里已有答案：

• How to keep footer at bottom of screen [duplicate] 6个答案
• How do you get the footer to stay at the bottom of a Web page? 24回答

我跳了一个人会帮助我。这听起来很荒谬，但我试图解决这个问题2-3天......我希望我的页脚在页面底部。如果我的内容很少，我希望我的页脚在屏幕的底部，但如果有很多内容，我希望我的页脚在页面底部。

我尝试了很多组合，但没有任何作用...... margin-top，float content和clear：both;页脚...只是没有效果。页脚在屏幕的底部，因为我设置底部：0px;，但当我向下滚动，页脚上升...我无法弄清楚为什么...

这是我的代码......你可以看到所有这些。

`https://jsfiddle.net/nemanja917/bxy9m29g/`

我希望有人知道问题出在哪里。

谢谢。

附：我需要PURE CSS解决方案

编辑...你把这个问题标记为重复...是..它是，但是没有正确的答案，所以我再次打开它试图找到一个。

我需要页面底部的页脚，而不是SCREEN。所以我不能使用position：fixed;

Answer 1

你是底部：0px;而是试试

 .footer {
    position: absolute;
    width: 80%;
    bottom: 0;
    background-color: darkblue;
    color: white;
    font-size: 20px;
    padding: 10px 0px;
    text-align: center;
    clear: both;
}

Answer 2

你可以试试这个：

.footer {
  position: fixed;
  height: 100px;
  width: 100%;
  bottom: 0;
}