css - div 上的 100% 屏幕宽度嵌套在固定宽度的 div css 中

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，因此子级会将 width:100% 与父级宽度相关联。

Answer 2

尝试这个 ：

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