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（使用流行的做法将其拉伸以适应所有屏幕）。然后，您可以通过设置 position：absolute 和 bottom：0 将页脚放到此容器的底部，并且不要忘记设置 padding-bottom：页脚高度到容器。这样可以防止页面内容与页脚重叠。

Answer 2

尝试将min-height提供给页脚DIV以上的DIV。

Answer 3

当窗口变小时，使用media queries表示该特定分辨率或低于该分辨率的分辨率，并将display:none;应用于具有绝对位置的类的div，如果您不想要要显示或z-index:0;或z-index:-1;，如果您想在内容div下方显示它。

希望这有帮助。

Answer 4

您可以在上方margin-bottom设置绝对元素高度的div。这样，您的绝对定位元素将溢出边距而不是元素本身。

Answer 5

我看到它的方式，你应该回到 position：absolute ，然后尝试给它一个低z-index值，比如 z-index：-1