我有 docbook 生成的 HTML，其中包含小型、固定大小的图像。所有这些图像都具有 CSS 属性 float: right 这些通常会按预期工作，但如果两个图像靠得很近，它们可能没有足够的空间，并且会相互推挤并改变页面布局，如下所示:
我想要发生的是将 div 向下推。如果垂直位置改变了也没关系，只要水平位置始终右对齐即可，如下所示:
我希望能够使用 CSS 来完成此操作，但 Javascript 解决方案也可以。
最佳答案
应该能够将 clear: Both; 添加到图像的 CSS - 这将导致它们向下移动以避免碰到另一个 floated 元素。
关于css - 使用 CSS 将 float <div> 向下推，而不是在其上方的另一个 float 旁边，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9912526/