固定幅の列ともう1つの100％の幅を持つCSS

Question

右の列を固定幅にする必要があり、左の列を使用できる幅にするレイアウト要件があります。

私は幅と浮動小数点を左の列から削除することができ、利用可能なスペース全体を占めることができると私は理解します。ここで

は私が

<div style="height:300px;border:1px solid red;padding:10px;"> 
    <div style="height:200px;border:1px solid red;margin-right:150px;"> 
     this should take all width 
    </div> 
    <div style="height:200px;border:1px solid green;float:right;width:120px;"> 
     this is right bar with fixed width 
    </div>  
</div> 

任意のアイデアを持っているものでしょうか？

Answer 1

コードは正しいです。ちょうど浮かべ要素を移動：ここdisplay: table-***と

<div style="height:300px;border:1px solid red;padding:10px;"> 
    <div style="height:200px;border:1px solid green;float:right;width:120px;"> 
     this is right bar with fixed width 
    </div> 
    <div style="height:200px;border:1px solid red;margin-right:150px;"> 
     this should take all width 
    </div> 
</div> 

http://jsfiddle.net/wwEQb/

Answer 2

ダンス： http://jsfiddle.net/EXNvF/