Jquery 图像影响其他图像-换行功能？

我有3个图像，我想定位的方式，它是独立于窗口大小。我使用位置：相对声明。但是如果我为前两个图像定义位置并插入第三个图像，它会破坏前两个图像的位置

<div class="pray">
    <img src="CIMA/Home_pray.png" alt="Cool" style="z-index: '0', overflow: 'hidden', left: '4%', bottom: '32%'"  height="40%" width="40%"  />
</div>

是否有一个wrap-through函数或类似的东西

<div class="pray">
    <img src="CIMA/Home_pray.png" alt="Cool" style="z-index: '0', overflow: 'hidden', left: '4%', bottom: '32%'"  height="40%" width="40%"  />
</div>

风格 作用 html

<div class="pray">
    <img src="CIMA/Home_pray.png" alt="Cool" style="z-index: '0', overflow: 'hidden', left: '4%', bottom: '32%'"  height="40%" width="40%"  />
</div>

它与窗口大小无关

<div class="pray">
    <img src="CIMA/Home_pray.png" alt="Cool" style="z-index: '0', overflow: 'hidden', left: '4%', bottom: '32%'"  height="40%" width="40%"  />
</div>

听起来您希望从正常流中删除元素

<div class="pray">
    <img src="CIMA/Home_pray.png" alt="Cool" style="z-index: '0', overflow: 'hidden', left: '4%', bottom: '32%'"  height="40%" width="40%"  />
</div>

应用位置：绝对或位置：固定，这将使图像脱离正常流程，它们将独立运行，不再相互推动，并且可以重叠其他元素。可以使用“右上-左下”属性定位它们

<div class="pray">
    <img src="CIMA/Home_pray.png" alt="Cool" style="z-index: '0', overflow: 'hidden', left: '4%', bottom: '32%'"  height="40%" width="40%"  />
</div>

阅读更多关于

<div class="pray">
    <img src="CIMA/Home_pray.png" alt="Cool" style="z-index: '0', overflow: 'hidden', left: '4%', bottom: '32%'"  height="40%" width="40%"  />
</div>

---

是的，欢迎否决票，我有预感这是OP想要的，这只是他可能正在处理的最简单的情况。

请向我们展示您的代码。另外，要具体。在某种程度上，这对我们来说是无用的。以何种方式？请向我们提供您当前的HTML、CSS、JS。如果您向我们提供您的代码，则更有可能有人能够帮助您。不知道答案是否有帮助……但如果我将位置设置为：绝对，则如果我更改窗口的纵横比，则不会产生良好的结果，对吗？你可以用%来设置它们的高度和宽度，它将像正常流动中的任何其他元素一样进行调整。。。

<div class="pray">
    <img src="CIMA/Home_pray.png" alt="Cool" style="z-index: '0', overflow: 'hidden', left: '4%', bottom: '32%'"  height="40%" width="40%"  />
</div>