html - 即使窗口很小，如何使此页脚保持在页面底部

Question

我几乎陷入了这个html问题。

我有一个页面。我希望它的页脚保持在底部，并且与它上面的元素有一定的距离。这里是 Twitter + G+ div。

请看里面的css @media (min-width:481)。

我试过这个：

html, body{
  height: 100%;
}
.fuss{
 position: absolute; 
 bottom: 0;
}

这适用于大屏幕，但如果我将窗口调整为 15 英寸的小屏幕笔记本电脑，页脚将覆盖我的 Twitter 和 G+ 元素。为什么是这样？

这是页面：http://www.bibago.de/test.html 页脚在大屏幕上工作正常，但在小屏幕上，页脚越过其他元素，不会停留在底部。

请帮忙。

谢谢。

Answer 1

您不需要做任何特别的事情来让页脚出现在底部。只需将它放在页面的末尾，当 HTML 逐行呈现时，它将显示为最后一件事（总是在底部）。

.fuss{
    margin-top: 50px;   
}

Answer 2

我通常这样做：

.fuss {
position: fixed;
bottom: 0;}