嵌套在固定宽度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;
}