首先，我必须说我研究了与我相关的主题，但没有解决问题。
我的问题是什么？我用position : absolute&bottom : 0使页脚粘在页面底部。但除此之外，我还有一组小部件！页脚与它们重叠。我曾经float : left让小部件保持在一条线上。我试图清除他们的浮动，但没有奏效。在这里，我为您提供了该特定代码片段和屏幕截图。
代码片段：http ://codepen.io/tabibzadeh/pen/AvCow * 请注意 CSS 在 LESS 下
非常感谢 ：）
问问题
188 次
7 回答
1
感谢您的所有努力和回答。
我正在尝试您的想法并想出了一些新的东西，如上所述，我删除了绝对定位并应用了相对定位。然后我用来margin-top : 400px向下推页脚部分，它起作用了！但我想知道这是否是一个好的解决方案？
再次感谢。
于 2013-03-06T16:39:25.063 回答
1
我解决了这个问题。感谢您的努力。它不需要任何定位。相对、绝对等。解决方案是clear:both在页脚类中添加一个并应用margin-top
祝朋友们好运。
于 2013-03-07T15:39:54.987 回答
1
一个真正帮助我解决此类问题的网站如下：http ://www.cssstickyfooter.com/
希望这能解决您的问题。
于 2013-03-06T15:55:50.800 回答
0
您不必使用position:absolute将页脚粘贴到页面底部。如果要将页脚粘贴到浏览器窗口的底部，则可以使用position:absolute. 但是是的，它可能会与正在发生的内容重叠，因为您的内容的高度比浏览器窗口的高度长，并且您的页脚位于内容上方。这就是您通过这样定位页脚所期望的。
于 2013-03-06T16:00:32.607 回答
0
只需在身体底部添加填充以补偿页脚高度，例如
body{
padding:0 0 60px;
}
如果页脚绝对位于另一个容器中，那么您可能需要向其中添加填充。
于 2013-03-06T16:17:40.417 回答
0
立场：绝对；将您的页脚强制放在其他 div 的顶部，因为您将其“绝对”放置在所述位置。即；底部：0。它不在乎是否有其他元素。
定位与位置：相对；应该很容易解决这个问题。
于 2013-03-06T15:54:26.647 回答
0
这是预期的行为position: absolute-- 元素绝对定位，与页面上的其他元素无关。如果您希望元素相对于其他元素定位，请使用position: relative（这是默认值）。请注意，如果您使用相对定位，则父元素和周围元素会影响您的样式。
于 2013-03-06T15:55:23.127 回答