1

そのため、1行に表示され、すべてのスペースが使用されると自動的に次の行に折り返されるdivクラスを作成しようとしています。

.contributor_thumbnail {

    display: block;
    float: left;
    width: 150px;
    height: 150px;
    border: 1px solid #777;

}

したがって、このようなコードを呼び出すと、次のようになります。

   <div class="contributor_thumbnail">thumb here</div>
   <div class="contributor_thumbnail">thumb here</div>
   <div class="contributor_thumbnail">thumb here</div>
   <div class="contributor_thumbnail">thumb here</div>

divは並んで座ります。

現在、divはちょうどオーバーラップしています。何か案は？

4

1 に答える 1

5

編集：あなたの質問を完全に読み違えました...あなたはそれを続けたくないと言ったと思いました。誰かが知らなかった場合に備えて、ここに残しておきます。

clearCSSプロパティを探しています。clear: both;CSSに追加するだけです。

http://www.w3.org/TR/CSS2/visuren.html#flow-control

フィドル http://jsfiddle.net/zRKYM/

于 2010-08-27T11:41:06.097 に答える