Css div绝对定位，上方无重叠div

我有一个div，我想在网页底部的位置。我可以使用

position:absolute

实现这一点。但是，当窗口变小时，我不希望它与上面的div重叠。这是通过将其更改为

位置：relative

实现的，但正如预期的那样，它不会停留在更大屏幕上的页面底部

有没有办法做到这一点

当前CSS

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

我刚才解释的一个例子

---

尝试将

最小高度

赋予

DIV

页脚上方的

DIV

您可以设置

页边距底部

上方

DIV

绝对元素的高度。这样，您的绝对定位元素将溢出边距，而不是元素本身。

当窗口变小时，使用

媒体查询

获取该特定分辨率或小于该分辨率的分辨率，并应用

显示：无z-index:0，则使用具有绝对位置的类对该div进行编码>或
z-索引：-1如果要在目录div下面显示它

希望这能有所帮助。
在我看来，您应该回到位置：绝对，然后尝试给它一个较低的z-index值，例如z-index:-1对于我来说，最好的办法是为所有页面内容创建一个容器DIV（使用流行的做法拉伸它以适合所有屏幕）。然后，您可以通过设置位置：绝对和底部：0将页脚放置在此容器的底部，并且不要忘记将填充底部：页脚高度设置为容器的高度。这将防止页面内容与页脚重叠。
在定位旁边，您也可以尝试css z-index:；和溢出：隐藏；但是没有html，这只是一个猜测。因此，html或甚至JSFIDLE.net都有助于帮助发布您的html，而不仅仅是描述它；）好主意。非常感谢。我将对较小的屏幕进行相对定位，然后对较大的分辨率进行绝对定位。真不敢相信我以前没有想到这一点。非常感谢你。