css - Div をストレッチしてから、他のフローティング div をラップします

Question

CSS で必要な動作を取得しようとして苦労しています。

ここに私の問題を示す JSFiddle を作成しました: http://jsfiddle.net/c2Snd/

#left div の幅を引き伸ばしたいのですが、#right div までだけです。

基本的に、テキストと同じように、#left div を #right ダイビングの周りに配置したいと考えています。したがって、私の JSFiddle では、上の 2 つの赤いボックスの幅は 50% になり、下の赤いボックスの幅は 100% になります。

Answer 1

あなたはちょうどそれを持っているように見えます..混乱しています：http： //jsfiddle.net/BCBd2/1/

Answer 2

それはあなたの目的に役立ちますか？

http://jsfiddle.net/c2Snd/2/

Answer 3

これを行うためのショートカットがあるかどうかはわかりませんが、この再フィドルを試してください.. http://jsfiddle.net/c2Snd/1/ このようなものを作成するには、幅と境界線でパーセンテージを使用する必要があります-幅なので、互いに比例します。