Question

首先，我必须说我研究了与我相关的主题，但没有解决问题。

我的问题是什么？我使用了position : absolute＆amp; bottom : 0使页脚粘到页面底部。但在上面我有一套小部件！页脚重叠它们。我使用float : left使小部件保持在一行中。我试图清除它们的浮子但是没有用。在这里，我为您提供了特定的代码段和屏幕截图。

screenshot

非常感谢：）

Answer 1

真正帮助我解决此类问题的网站如下：http://www.cssstickyfooter.com/

希望这能解决您的问题。

Answer 2

感谢您的所有努力和答案。

我正在尝试你的想法，并提出了一些新的东西，如上所述我删除了绝对定位和应用亲戚。然后我使用margin-top : 400px按下页脚部分，它工作了！但我想知道这是不是一个好的解决方案？

再次感谢。

Answer 3

我解决了这个问题。谢谢你的努力。它不需要任何定位。相对的，绝对的等解决方案是在页脚类中添加clear:both并应用margin-top

好运好友。

Answer 4

职位：绝对;迫使你的页脚在你的其他div上面，因为你将它“绝对”放在所述位置上。即;底部：0。它不关心是否还有其他元素。

定位与位置：相对;应该很容易解决这个问题。

Answer 5

这是position: absolute的预期行为 - 元素位于绝对位置，与页面上的其他元素无关。如果希望元素相对于其他元素定位，请使用position: relative（这是默认值）。请注意，如果使用相对定位，则父元素和周围元素将影响样式。

Answer 6

您不必使用position:absolute将页脚粘贴到页面底部。如果要将页脚粘贴到浏览器窗口的底部，则可以使用position:absolute。但是，它可能与正在发生的内容重叠，因为您的内容的高度比浏览器窗口的高度长，并且您的内容高于内容。这就是你对这种定位页脚的预期。

Answer 7

只需在身体底部添加填充以补偿页脚高度，例如

body{
     padding:0 0 60px;
}

如果页脚绝对位于另一个容器中，那么您可能需要将填充添加到该容器中。