100％的屏幕寬度

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; 

代替

width:100%; 

檢查兼容性問題：http://caniuse.com/#search=vw

Pascalz，是在你的jsfiddle它的工作原理，但只只要你不指定不是靜態爲你的父母以外的位置。在許多情況下，你需要你的父母是位置：親戚，所以孩子會把寬度：100％與父母寬度聯繫起來。