如何在不使用position的情况下将图像叠加在一起：绝对;

Question

我有一个网站，我试图允许角色创建/自定义。事实上，我正试图让图像叠加在一起。我已经有了JavaScript / PHP，我可以让它们正确堆叠，但问题是试图将图像保留在主div内而不显示在它之外，或者使用{{1} }。

我可以帮忙解决这个问题吗？

Answer 1

如果没有更多信息，很难形成实质性的解决方案。如果您已经能够正确地堆叠和定位图像，我的猜测是尝试在包含overflow: hidden的情况下设置CSS属性div，并为{{1}定义特定的宽度和高度}}

这是我的fiddle

我绝对定位样本图像，因为看起来问题不在于您的图像，而在于您的容器。如果我正朝着正确的方向看，请告诉我。

Answer 2

您可以使用position:relative，具体取决于您的要求。

Answer 3

将图像放入列表可以解决您的问题吗？

示例：

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