フローが行に分割されます

Question

私はこれらのDIVを左から右に2つずつセットしていきたいと考えています。そして、すべての奇妙なものについて、私のクライアントのJoomlaサイトで新しい行を作成してください（http://centralcat.socialhippo.com/services/available-for-adoption.html 私は、私はCSSに結婚していないので、よりよい方法（リストなど）があれば、私はCSSに結婚していません。

Answer 1

この問題を迅速に解決するには、高さを#cat2adoptに追加してください。高さがコンテンツに対応できる大きさであることを確認してください。

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