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; 
}