我将float: left用于div，但创建了垂直间隙。
如何消除div 5和8之上的空白？
请参阅JSFiddle示例。
注意：我需要响应（更改结果宽度）。订购很重要，因此this JSFiddle不可接受。我将在实际项目中使用bootstrap和col-lg-6。内容可能是动态的。 JS解决方案是可以接受的。
答案 0 :(得分：2)
没有css纯解决方案，我建议您使用类似http://masonry.desandro.com/的内容。
答案 1 :(得分：0)
发生这种情况是因为你的div a3内容较少，因为你a3向你的div a4漂浮并且将空隙覆盖到白色空间然后你的下一个div 5向左浮动。你有两个选择来解决它首先你应用div的内容最小和最大长度限制。如果内容是静态的，则根据div调整您的内容 第二个选项是使用float：none属性创建一个新类，然后将其应用于该div，之后您需要删除此示例我们需要删除div 3。
但是没有替代解决方案