Html 为什么我的div隐藏在位置后面：绝对图像？

在这段代码中，我使用绝对定位将两个图像相互覆盖，但是第二个div class

row

似乎隐藏在图像后面。如何修复该问题并使其显示在正确的位置（在图像之后）

.composition{
位置：相对位置；
}
.img-1{
位置：绝对位置；
排名：0；
左：0；
}
.img-2{
位置：绝对位置；
排名：0；
左：0；
}

我的同僚们都是精英。加速发明者的快速阅读。

只需将图像的位置：绝对更改为位置：相对即可

引导示例
.组成{
位置：相对位置；
}
.img-1{
位置：相对位置；
排名：0；
左：0；
宽度：100px；
高度：150像素；
}
.img-2{
位置：相对位置；
排名：0；
左：0；
宽度：100px；
高度：150像素；
} 
我的同僚们都是精英。加速发明者的快速阅读。

如前所述，图像上的绝对位置导致.composition没有高度，其下方的div在图像下塌陷

为什么两个图像都需要绝对定位？留下一张没有绝对定位的图像，这样构图就有了图像的高度。第二个图像可以绝对定位以覆盖第一个图像

第一个图像保持在流中并保持高度，第二个div将保持在图像下方

.composition{
位置：相对位置；
}
.img-2{
位置：绝对位置；
排名：0；
左：0；
}

我的同僚们都是精英。加速发明者的快速阅读。

您不能使用给定的标记，因为绝对定位的图像已从流中取出，它们的父级将塌陷为0，这也是第二行

项隐藏的原因。您最好将
边距顶部
或
填充顶部
添加到与图像高度相同的第二行。正如@LGSon所说，
absolute
将元素从文档流中移除，因此没有任何元素可用于堆叠的引用。现在，您完全更改了预期的布局。绝对定位元素只是出于某种原因，重叠，使它们相对并不能回答问题，即“为什么我的div隐藏在
位置：绝对
图像后面？”。