2 つの列があり、高さの異なる div を出現順に積み重ねたいと考えています。
div は動的に作成されます。
幅の 50% でのみフロートすると、すぐに div #4 が入ってくるいくつかの div よりも 5 倍高いという状況になります。次に、次の div は前の div の下に上揃えされます。
次のように完全に一致するように、子 div をコンテナーに合わせる必要があります。
----- -------
1 2
-----
3 -------
----- 4
5
-----
6
-----
7 -------
----- 8
9
-----
10 -------
11
-------
-------
-----
これが私がやったことのコードスニペットです:
<style>
.box {background:#20abff; color:#fff; width:50%; margin: 5px;}
.left {float:left;}
.right {float:right;}
.container {width:205px;}
</style>
<body>
<div class="container">
<div class="box left" style="height:60px;">1</div>
<div class="box left" style="height:80px;">2</div>
<div class="box left" style="height:30px;">3</div>
<div class="box left" style="height:70px;">4</div>
<div class="box left" style="height:60px;">5</div>
<div class="box left" style="height:20px;">6</div>
<div class="box left" style="height:40px;">7</div>
<div class="box left" style="height:90px;">8</div>
<div class="box left" style="height:30px;">9</div>
</div>
</body>
そしてそれはこれに似ています
http://dl.dropbox.com/u/142343/divstack.html
助けてくれてありがとう