如何让这个页脚停留在页面底部，即使窗口很小

Question

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

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

请参阅@media (min-width:481)内的css。

我试过这个：

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;}