CSS：我如何'；提高'；这一页的最后一张照片？

我试图在此页面中显示四张照片：

我怎样才能得到左下角的照片，让它上升并填补上面的空白？我使用什么“浮动”组合

以下是CSS的概要：

<img style="float: left;" src="/portals/0/images/Gallery/Shanahan family circle.jpg" />
<img style="float: left;" src="/portals/0/images/Gallery/WC2.jpg" />
<img style="float: left;" src="/portals/0/images/Gallery/WC3.jpg" />
<img style="float: left;" src="/portals/0/images/Gallery/LT.jpg" />

---

如果您正在寻找通用解决方案（这意味着您不知道图像大小、图像计数，也不想手动使用负上边距），您必须在带有前缀的非IE浏览器中使用

多列（IE9+支持）


在这种情况下，您可以使用负上边距，但它必须手动设置或由JS计数。除了我上面写的解决方案之外，纯CSS解决方案不存在。
您的问题中有不正确的HTML语法。我猜这只是复制代码时的一个输入错误，但它应该被修复。浮动的行为就是这样的–您可以尝试在图像上使用负片
边距顶部
来“修复”它，但这只有在您事先知道图像尺寸的情况下才能起作用。对于更复杂/动态的情况，您应该研究jQuery砌体。感谢@Mike K-为了简单起见，我编辑了示例，并删除了结束引号。现在修好了。谢谢-负边距太麻烦了，我会试试多列的。