CSS Float Left和Clearfix不能一起工作



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

我尝试过使用float:left,但包含bodydiv的高度设置为自动调整大小,不包括图像。然后,我尝试将clear:both;添加到修复bodydiv问题的图像中,但现在图像直接位于彼此下方。

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

有没有人知道我该如何解决这个问题?

谢谢!

您必须添加一个带有"clear: both;"的空div,作为包含图像的div的最后一个元素。

如果你给图像添加了"clear: both;",那么该图像将被放置在新行中,因为它不允许浮动元素在其两侧。