CSS圖像庫浮動錯誤

Question

這是新建的，我遇到了我創建的存檔頁面的問題。它看起來像一個相當直接的浮動的div圖像庫...但由於某種原因，在整個div中有一堆隨機的換行符。我認爲這可能是Cufon或IE.JS等問題，但我禁用了所有的JS，它仍然錯誤。

似乎有點長，在這裏發佈的代碼，我已經拋出了一堆不必要的div和清除修復，但似乎沒有任何工作。在我弄清楚後，我會發布並組織一份適當的報告。

Answer 1

由於一些標題比其他標題更長，因此會出現一些換行符，從而使分隔符變大。然後浮標將「掛在」這些較高的格子上。這本身不是一個錯誤，它只是浮​​動工作。

--- --- --- 
|1| |2| |3| 
--- | | --- 
    --- --- 
     |4| 
     --- 
--- 
|5| 
--- 

避免此問題的最佳方法是給每個div設置一個高度。

或者，您可以通過向每個第一個/第四個/第七個/ etc div添加適當的類，讓每行的第一個div爲「clear：left」。

編輯：詳細說明這是如何浮動的： 每個div都試圖放在與前一個div相同的行上，儘可能地向左移動。如果線路上沒有剩餘空間，它將首先被推下，然後離開。在上面的例子中，4會被按下3，然後它會盡可能地向左浮動，打到2.5時被按下4，然後儘可能向左浮動。