将 div 流到行中

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