CSS Float Left和Clearfix无法一起使用

Question

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

我已经尝试使用float:left，但是包含的body div的高度设置为自动调整大小以不包含图像。然后我尝试将clear:both;添加到修复了body div问题的图像中，但现在将图像直接放在彼此之下。

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

有没有人知道如何解决这个问题？

谢谢堆：）

Answer 1

你必须添加一个空的div，其中“clear：both;”作为包含图像的div中的最后一个元素。

如果添加“clear：both;”对于图像，该图像将被放置在一个新行上，因为它不允许在其两侧浮动元素。