jquery - レイアウト内で div を並べて配置して空きスペースを埋める

Question

写真によると、divを並べて配置floatできますが、空きスペースを埋めるにはどうすればよいですか?

Answer 1

div ごとにコンテナーを使用する必要があります。

<div class="container">
    <div class="box"></div>
    <div class="box"></div>
</div>
<div class="container">
    <div class="box"></div>
    <div class="box"></div>
</div>
<div class="container">
    <div class="box" id="big"></div>
    <div class="box"></div>
</div>

デモ: http://jsfiddle.net/Jt3Az/3/