100％の画面幅は固定幅のdivのCSSにネスト

Question

私はそれが中/ネストされた含まれていますdiv要素のうち、画面上の幅いっぱいになるように、ネストされたdiv要素を取得しようとしている。

http://jsfiddle.net/TheeAndre/JAdps/

<div class="fixedwidth"> 
    <div class="fullwidth"></div> 
</div> 

を

Answer 1

これを試してみてください。

.fullwidth { 
    background-color:#000; 
    width:100%; 
    height:100px; 
    position:absolute; 
    z-index:999; 
    left: 0; 
    right: 0; 
} 

Answer 2

は

width:100vw; 

01を試してみてください http://caniuse.com/#search=vw

Pascalz、はい、あなたのjsfiddleにそれだけで限り、あなたはあなたの親のための静的以外の位置を指定しないように動作しますが、：代わりに、互換性の問題のため

width:100%; 

チェックの

。多くの場合、あなたの親はposition：relativeでなければならないので、子供は親の幅に100％幅を関連付けます。