Css 如何在不使用position:absolute的情况下将图像堆叠在彼此的顶部；

我有一个网站，我正在尝试允许角色创建/定制。问题是，我正在努力使图像堆叠在一起。我已经用JavaScript/PHP解决了这个问题，我可以让它们正确地堆叠，但问题是试图将图像保持在主

div

中，而不在其外部显示，或者使用

position:absolute

---

有什么帮助吗？

根据您的要求，您可以使用

position:relative

。

将图像放在列表中可以解决您的问题吗

例如：

 <ul>
    <li>image 1</li>
    <li>image 2</li>
    <li>image 3</li>
    <li>image 4</li>
 </ul>

图1
图2
图3
图4

没有更多信息，很难形成实质性的解决方案。如果您已经能够正确地堆叠和定位图像，我的猜测是尝试在包含的

div

上设置CSS属性

overflow:hidden

，并为

div

定义特定的宽度和高度

这是我的

---

我绝对定位了示例图像，因为问题似乎不是您的图像，而是您的容器。请让我知道我看的方向是否正确。

您能否提供一点详细信息，说明如何使用js/php使它们正确堆叠？当前的行为是什么？是的，我们需要更多的实际代码。。。。。还可以尝试显示：块为什么不能使用

位置：绝对

？您目前是如何让它们“正确堆叠”的？您是浮动元素吗？如果听起来你可能有一个clearfix问题。