どのようにボックス（div）の場所に残りのスペースを埋めるようにしますか

Question

現在、私は特定のサイズ（100％、75％、50％、25％、33％、66％）のモジュラーボックスを持つサイトを作ります。その理由は、レイアウトに物を追加する簡単な方法がほしいからです。

ボックスの高さが同じで、左端のボックスが右のボックスよりも高い場合は、完璧に機能します（左に2倍の高さのボックス、右に標準高さの2倍の50％ボックス） 。

私はfloat：leftを使用していて、ボックスに余白を入れています。

私の質問は、どうすれば2番目のボックスを自動的に正しいボックスの下に置くことができますか？

絵：あなたはそれのために適切に入れ子構造を記述する必要がhttp://i.stack.imgur.com/C58kd.jpg

Answer 1

.. この

<div> -- left portion (float left) 
    <div></div> 
<div></div> 
</div> 

<div> -- right portion 
</div> 

してみてください