Html 具有差异的图像列表<；李>；高度

我有一个简单的图像列表，其中每个

元素的静态高度都是由

.container

内部强制的。 但是，所选元素可以高出2（或3）倍

我试图通过使用

display:inline block

实现它，但选中的元素正在将下一行推低

或者

float:left

哪一个工作得更好一些，但没有启用，一些元素仍然被推到更低的位置

有没有正确的方法

---

我不想使用

position:absolute

也不想使用

，因为它会破坏响应性设计

仅使用css无法解决此问题。您应该查看一些基于js的解决方案，如

我想请检查您的代码，至少有一个地方会显示：

<div class="container" style=" height: 200px ">
                <img src="" alt="">
            </div>

---

我认为高度：200px引起了这个问题。移除高度：200px

你的意思是给图像一个绝对的高度和宽度吗？另外，你是否意识到你拼写“container”错了？我考虑了这种方式，但我想节省额外的加载时间，谢谢你的尝试：）