Html 使用位置：绝对而不使用顶部将图像放置在彼此上方

我想把我的图片放在另一个上面，在它的正下方，我想展示一下tumbnails的概况

我成功地将图像放置在彼此上方的唯一方法是使用position:absolute和top，left to 0px

但是图像上传到服务器上，所以它们的高度可变，所以我不能使用top:xx px；在他们身上

我只能用css来解决这个问题吗？我试图在这里澄清问题：

---

仅使用CSS解决此问题的最简单方法是使用一个固定宽度的

位置：绝对
容器，并以正常方式将所有图像放置在其中。它们会互相叠在一起

如果这不是一个选项，并且图像需要是
position:absolute
，那么您将需要服务器端脚本或jQuery的帮助来确定图像高度。
在CSS中使用
z-index
，这应该可以做到
 如果容器上没有静态高度（
#top
，在您的情况下），我不知道如何解决这个问题。
您可以做的是，使用javascript获取
标记的高度，然后将
#top
设置为使用该高度

我在这里更新了你的小提琴：

因此，简而言之，我不认为只有CSS就可以做到这一点。
如果图片大小相同，您可以使用
左边距：-100%
在图片上n>0。
他的意思是在彼此下面我think@pekka不太确定，他说“在另一个上面”，这可以通过z-index完成。但你是对的；他也可能是指就在下面。也许OPS可以给出最终的答案？对我来说最好的方法是取最大图像的高度，并将其设置为div的高度，谢谢