1

私は本当にこれについてあなたの助けが必要です：

現在、私はdivを重ね合わせており、さまざまなコンテンツで動的に満たされているため、高さが変化しています。

私が今やりたいのは、それらを2列に配置することです。固定幅と「float：left」を使用すると、これはすでに機能します。

私の英語は最高ではないので、plsは最初に私の例の写真を見てください：

これが今の様子です！

ご覧のとおり、3番目のdivが最初のdivの真下で開始されないため、この空白があります。これは、最初のdivよりも高くなる可能性があるdiv番号2のためです。

空白がないように、これらのdivを自動的に上に配置する可能性があるかどうか疑問に思います（空白がないように、常に空白の上にある画像の真下から開始する必要があります）。

このような：

このように見えるはずです！

私が何を意味するのか理解していただければ幸いです：D返信ありがとうございます！

編集：コード-例：

<div id="content">
<div class="xyz">BLABLA</div>
<div class="xyz">BLABLA<br>morebla!<br>EVEN MORE BLA</div>
<div class="xyz">BLABLA</div>
</div>
<style>
#content {
width: 648px;
}
.xyz {
width: 303px;
float: left;
border:1px solid black;
}
</style>

覚えておいてください、高さは常に異なります！

4

2 に答える 2

2

jQuery masonryは、あなたの人生をずっと楽にしてくれます。特に古典的な css の問題に直面している場合は、車輪を再発明しないでください。

于 2013-03-09T17:11:04.300 に答える
0

これはそれを行うでしょう...

   <div id="content">
    <div class="column1" id="left">
     <div id="div1">...</div>
     <div id="div3">...</div>
    </div>
    <div class="column2" id="left">
     <div id="div2">...</div>
     <div id="div4">...</div>
    </div>
   </div>

次に、css で幅の値を定義して、column2 のスタイルを設定します。

ありがとう、

@レオ。

于 2013-03-09T17:06:26.607 に答える