jquery - 在布局中将 div 并排放置以填充可用空间

Question

根据图片，我可以使用 float 将 div 并排放置，但是如何让它们填充可用空间？

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/