Flow div into rows

Question

我試圖讓這些DIV從左到右「流動」兩組，然後對於每一個奇數，在我的客戶端的Joomla站點中創建一個新行（看到這裏http://centralcat.socialhippo.com/services/available-for-adoption.html 我'我得到了前兩個工作，但是當第三個被渲染時，它向右移動，而不是漂浮在左邊。 我沒有和CSS結婚，所以如果有更好的方法（列表等），我

Answer 1

只需將高度加到#cat2adopt即可快速修復此問題，只要確保高度足以容納內容即可。當您將高度不一的浮動div發生時，會出現此「問題」。

你也應該在這裏使用類，因爲ID必須是唯一的。

如：

.cat2adopt { /* class="cat2adopt" */ 
    clear: right; /* don't really need this I don't think */ 
    float: left; 
    height: 300px; /* added this */ 
    margin-bottom: 20px; 
    margin-right: 20px; 
    position: relative; 
    text-align: center; 
    width: 400px; 
}