Css 使子div显示在绝对定位的父div上方

是否可以在绝对位置div中获得一个div，以显示在其父div的上方，但与之对齐，从而使子div的顶部与父div的底部成正方形，并且子div现在位于与它自己的父div相同级别上的其他父div的上方

e、 我有一个有方块的页面，比如说四行四行。在每个块内部，都有一个子元素，该元素在滚动时显示，与父块底部对齐，并位于与父块相邻的块顶部上方

父块是绝对定位的

一些盒子
一些儿童箱
一些盒子
一些儿童箱
一些盒子
一些儿童箱
一些盒子
一些儿童箱
#容器{
位置：相对位置；
}
.家长{
背景：#444；
颜色：#fff；
显示：块；
高度：100px；
填充：10px；
位置：绝对位置；
宽度：100px；
z指数：2；
}
.孩子{
背景：#777；
显示：无；
高度：300px；
位置：绝对位置；
z指数：3；
}
.parent:悬停.child{
显示：块；
}

对您的子div使用

z-index

，并在其上设置一个正数，例如999

---

另外，不要忘记将

位置：绝对
添加到您的子div中，以便
z-index
生效。
使用此css。将overflow=hidden添加到父级，并添加z-index，如20+，这样就可以得到子div apper

#container {
position: relative;
}

.parent {
background: #444;
color: #fff;
display: block;
height: 100px;
padding: 10px;
position: absolute;
width: 100px;
z-index: 2;
overflow:hidden
 }

.child {
background: #777;
display: none;    
height: 300px;
position: absolute;
z-index: 3;
}

.parent:hover .child {
display: block;
z-index:0;
}
}

只需删除父级的z索引，这将起作用。看

不确定这是否会影响代码中的其他内容。
请向我们展示您的HTML…它应该足够简单。如果父div都处于相同的z索引级别，则它们将按照它们在代码中出现的顺序分层，而后面的div位于前面的div之上，而不管它们内部是什么。最终，与父元素以外的任何元素相比，任何子元素都会获得其父元素的z索引，但是在其父元素内，z索引适用于该父元素内的其他元素。好吧，悬停时，我可能需要增加父元素的z索引？不，只需删除父元素的z索引。现在还不完全清楚你想做什么。是这样的：？@Paulie_D删除z-index不起作用，但是如果我在滚动时将父z-index设置为999，它会起作用：）
#container {
position: relative;
}

.parent {
background: #444;
color: #fff;
display: block;
height: 100px;
padding: 10px;
position: absolute;
width: 100px;
z-index: 2;
overflow:hidden
 }

.child {
background: #777;
display: none;    
height: 300px;
position: absolute;
z-index: 3;
}

.parent:hover .child {
display: block;
z-index:0;
}
}

.parent {
    background: #444;
    color: #fff;
    display: block;
    height: 100px;
    padding: 10px;
    position: absolute;
    width: 100px;

}