列和浮动图像及其空白区域

Question

有3列，每列大小为33％，每个列中都有图像（每个图像的高度不同）。在像iPad这样大小的设备上，我想将每列的大小更改为50％ - 现在，当我这样做时，第三列出现在前两列的中间 - 而且看起来非常奇怪。

所以我尝试将第三列的大小设置为100％，并将此列中的图像调整为50％ - 这很有效！但问题是如下图所示：

红色是第1列，蓝色是第2列，黑色是第3列，黄色突出显示是创建的空间。

我如何摆脱那个空间？

这是一个小提琴：jsfiddle.net/Vhrnr请注意我只是向您展示代码，因为它不允许我出于某种原因粘贴它。

Answer 1

看起来你的代码中有一个流氓div（可能在column3附近）。如果您可以粘贴代码段或工作的Fiddle链接，那肯定会有所帮助。