CSS Float Left和Clearfix不能一起工作

Question

我有一個簡單的圖片庫，由PHP動態控制以添加和刪除頁面中的圖片縮略圖。我遇到的問題是，我希望圖像在彼此旁邊對齊，直到該行沒有空間並且被迫開始另一個。

我已經嘗試使用float:left哪些工作，但包含身體div與高度設置爲自動調整大小本身不包括圖像。然後，我嘗試將clear:both;添加到固定body div問題的圖像中，但現在圖像直接位於彼此之下。

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

有沒有人有任何想法我可以解決這個問題？

謝謝堆:)

Answer 1

你必須添加一個空的div與「clear：both;」作爲包含圖像的div中的最後一個元素。

如果添加「clear：both;」到一個圖像，該圖像將被放置在一個新的行，因爲它不會允許任何一側的浮動元素。