CSS Float Left 和 Clearfix 不能一起工作

Question

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

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

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

有人知道我该如何解决这个问题吗？

谢谢堆:)

Answer 1

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

如果你加上“clear: both;”对于图像，该图像将被放置在一个新行中，因为它不允许在它的任一侧有 float 元素。