divをブラウザのビューポートの残りの部分に塗りつぶす

Question

普通の960pxレイアウトを持っているので、その960の中に300pxを使用できるdivと、残りのスペース（ブラウザの幅）をdivで埋めたい...しかし、常にラッパーの中で同じ位置に留まります（垂直の固定要素については話しません）

JavaScriptを使用しないでこれを行うことはできますか？しかし、theresのは、そのOK別のオプションをイマイチ場合

例：

<div class="wrapper"> 
    <div class="fill">Something</div> 
</div> 

CSS：

.wrapper { 
    margin: 0 auto; 
    width: 960px; 
    background: #ddd; 
} 
.fill { 
    margin: 300px 0 0 0; 
    width: 300px; 
    background: red;  
} 

が

が

Answer 1

私はよく何が必要理解している場合：このフィドル

を試してみてくださいhttp://jsfiddle.net/jGmcV/show/
http://jsfiddle.net/jGmcV/これが影響する必要がありますが、私が置か

（ソース） wrapperの周りに余分なラッパー。暗いコンテナ内の赤いボックスの幅は、ビューポートのサイズに関係なく常に300ピクセルです。

Answer 2

が

あなたは余裕左使用することができますありがとう：-10 ％;マージン右：-10％ もし私が正しく理解していれば。

たりすることができます

.wrapper { 
    margin: 0 auto; 
    width: 960px; 
    background: #ddd; 
    position:relative; 
} 
.fill { 
    margin: 300px 0 0 0; 
    width: 300px; 
    background: red;  
    position:absolute; 
    top:0px; 
    left:-10%; 
}