2012-04-12 11 views
0

私はCSSで欲しい振る舞いをしようとしています。divストレッチして、他の浮動小数点divをラップします

私は私の問題を示している、ここでJSFiddleを作成しました:http://jsfiddle.net/c2Snd/

私は限り#right div要素としての私の#leftのdiv要素の幅を伸ばしたいのですが、。

基本的に、私はただのテキストが希望のように私の#rightダイビングを包み込むように私の#left divをしたいです。私のJSFiddleでは、上位2つの赤いボックスの幅が50%になり、下の赤いボックスの幅は100%になります。

+1

複数のdiv要素のidを使用しないでください...使用クラスの代わりに – riso

+0

あなたは左のdivの内側にあなたの右のdivを入れ子にしてみてくださいましたか?また、オーバーフロー:非表示を設定し、min-heightを使用して削除:明示的な高さの代わりに100ピクセル:100ピクセル?同様に:http://jsfiddle.net/5d52h/?ちなみに – wachpwnski

答えて

3

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

+0

では、複数のクラスが存在するため、 '#left' divにクラスを使用する必要があります。 IDは一意でなければなりません。 –

+0

うわー、私が必要としていたのはCSSの1行だけでした。本当にありがとう! – krische

+0

'overflow:hidden;'を使わずにこれを達成する方法はありますか?ボックスの高さを超える赤いボックスの中に絶対的に配置されたメニューを表示させる必要があるので、 'overflow:hidden; 'を使うことはできません。 –

0

まあ、私はこれを行うに任意のショートカットがある場合は知っているが、この再フィドルを試してみてください。.. http://jsfiddle.net/c2Snd/1/ あなたは幅とボーダー幅にパーセンテージを使用する必要がありますこのような何かを行うには、そう、彼らは比例しているしていませんお互いに。

関連する問題