絶対div塗りつぶしウィンドウの残り

Question

私は3つのdivを持ちますが、絶対配置されていますが、ウィンドウの幅を埋めるdivはその中のテキストの長さにしか適応しません。私は黄色のdiv #helpをウィンドウの残りを埋めるようにしたい。

私はこれがnoobと思っていますが、解決策はどこにも見つかりません。

<div id="tab1">tab1</div> 
<div id="tab2">tab2</div> 
<div id="help">help</div> 

    #tab1 {position: absolute; 
    bottom; 0px; 
    right: 0px; 
    width: 50px; 
    height: 20px; 
    background-color: green; 
} 


#tab2 {position: absolute; 
    bottom; 0px; 
    right: 50px; 
    width: 50px; 
    height: 20px; 
    background-color: yellow; 
} 

#help {position: absolute; 
    bottom; 0px; 
    right: 100px; 
    height: 20px; 
    background-color: red; 
} 

JSフィドル：http://jsfiddle.net/FBWzX/

Answer 1

あなたは#helpストレッチしたい場合は、同時にleftとright値を設定することができます。このトリックはtopとbottomでも動作します。絶対配置された要素は非常に柔軟です。

#help { 
    position: absolute; 
    left: 0; 
    right: 100px; 
} 

jsFiddle Demo