css - div的绝对定位，上面没有重叠的div

Question

我有一个要放在网页底部的 div。我可以使用 position:absolute 实现这一点。但是，当窗口变小时，我不希望它与上面的 div 重叠。这是通过将其更改为 position:relative 来实现的，但是正如预期的那样，它不会停留在大屏幕上的页面底部。

有什么办法可以做到这一点吗？

当前的 CSS

position:relative; 
bottom:0; 
background-image:url('.......'); 
background-repeat:repeat-x; 
background-position:bottom;
width:100%;

我正在解释的一个例子。

Answer 1

对我来说，最好的办法是为所有页面内容创建一个容器 DIV(使用流行的做法将其拉伸(stretch)以适合所有屏幕)。然后你可以通过设置 position: absolute 和 bottom: 0 将页脚放在这个容器的底部，不要忘记设置 padding-bottom:页脚 到容器的高度。这将防止页脚与页面内容重叠。