Javascript 获取页脚以显示在具有z索引的元素之后

我有一个div，其中包含的元素既有

相对的

，

绝对的

位置，也有

z-index

我需要另一个div-我的页脚，以显示在所有其他可见元素之后。它应该在最低的其他元素的末尾下方开始

在我的html代码中，footer div出现在所有其他代码之后。但由于某些原因，它总是呈现在其他对象之下/被其他对象重叠

我不知道我可以设置什么样的定位或z索引，这样页脚就不会被其他元素重叠，并且总是在页面上显示最低/最后一个

你可以从这把小提琴中看出问题所在：

---

（稍后其他元素的长度将动态变化。不确定这是否是一个问题，但小提琴尚未反映这一点）

这是因为您将

位置：相对
与
顶部：50px
一起使用，这将使位置
50px
距离
顶部
更远，但在流程中，它的位置仍然在
top
中，没有任何空格，如
top:0
，这会导致没有任何
top
值的
footer
被content
div
与class
relNoZ
重叠

要克服此问题，您应该将
top:50px
提供给
footer
和任何其他同级容器（如果有），或者从
.relNoZ
中删除
top:50px

这是最新消息


#relNoZ{
位置：相对位置；
顶部：50px；
边框：1px纯红；
}
#阿布斯诺兹{
位置：绝对位置；
顶部：100px；
左：240px；
}
#雷维兹{
位置：相对位置；
左：70像素；
z指数：3；
}
#阿布维兹{
位置：相对位置；
左：370px；
z指数：3；
}
#脚{
位置：相对位置；
顶部：50px；
边框：1px纯绿色；
}

完全的
相对/z指数
绝对/z指数
内容

内容

内容

内容

内容

页脚

页脚

页脚

页脚

页脚

我不想在视口底部创建“粘性”页脚，而只是在文档的末尾，因此不一定总是在视图中。它将取决于其他元素内容的长度。如果
绝对
定位元素的高度大于父
div
，则无法在父
div
上反映其高度，因为
绝对
div
来自DOM流。