嵌套在固定宽度div css中的div的100％屏幕宽度

Question

我正试图让嵌套的div在屏幕上显示为包含/嵌套的div的全宽。

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

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

Answer 1

尝试

width:100vw;  

而不是

width:100%;  

检查兼容性问题：http://caniuse.com/#search=vw

Pascalz，是的，在你的jsfiddle中它是有效的，但只要你没有为你的父母指定静态以外的位置。在许多情况下，您需要父级为position：relative，因此子级将宽度：100％与父级宽度相关联。

Answer 2

试试这个：

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