CSS左浮动和Clearfix不一起工作

我有一个由PHP动态控制的简单图像库，可以在页面中添加和删除图像缩略图。我的问题是，我希望图像彼此相邻对齐，直到该行上没有空间，并被迫开始另一行

我尝试过使用

float:left

，但包含的body div的高度设置为自动调整大小，不包含图像。然后我尝试添加

clear:both到修复body div问题的图像，但现在图像直接位于彼此下方

我以前在很多情况下使用过
float:left
，但是包含的div有一个固定的高度

有人知道我该怎么解决这个问题吗

感谢堆：）
您必须添加一个空div，其中“clear:both；”作为包含图像的div中的最后一个元素

如果向图像中添加“clear:both；”，则该图像将被放置在新行上，因为它不允许浮动元素位于图像的任一侧