使用CSS </div>将浮动<div>向下推，而不是在其上方的另一个浮点旁边

Question

我有docbook生成的HTML，其中包含小的固定大小的图像。所有这些图像都具有CSS属性float: right这些通常按预期工作，但如果两个看起来很接近，它们可能没有足够的空间并相互推挤并改变页面布局，如下所示：

我想要发生的是将div推倒。如果它的垂直位置发生了变化，那就没关系，只要水平位置始终是右对齐的，就像这样：

我希望能够用CSS做到这一点，但Javascript解决方案也可以。

Answer 1

应该只能将clear: both;添加到图片的CSS中 - 这会导致它们向下移动以避免命中另一个float ed元素。

Answer 2

尝试为图像添加边距。还要确保行之间有中断<br />。

margin:10px;