我有一个由 PHP 动态控制的简单图像库，用于在页面中添加和删除图像缩略图。我遇到的问题是我希望图像彼此相邻对齐，直到该行没有空间并被迫开始另一行。
我尝试过使用 float:left ，它有效，但包含的 body div 的高度设置为自动调整自身大小以不包含图像。然后，我尝试将 clear:both; 添加到修复了 body div 问题的图像中，但现在图像直接位于彼此下方。
我之前在很多情况下使用过 float:left 但包含的 div 具有固定的高度。
有人知道如何解决这个问题吗？
非常感谢:)
最佳答案
您必须添加一个带有“clear: Both;”的空 div作为包含图像的 div 中的最后一个元素。
如果添加“clear: Both;”对于图像，该图像将被放置在一个新行上，因为它不允许在其两侧出现 float 元素。
关于CSS Float Left 和 Clearfix 不能一起工作，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14111634/