CSS divを80％にするとdivを100％にする

Question

divOneの幅が80％であっても、別のdiv（divOne）の幅を100％幅にしたいとします。これは可能ですか？

JSFiddle：https://jsfiddle.net/u3mbjgp3/

HTML：

<div class="divOne"> 
    <div class="divTwo"></div> 
</div> 

はCSS：

.divOne { 
    width: 80%; 
    height: 250px; 
    background: #00ff00; /*green*/ 
} 

.divTwo { 
    width: 100%; 
    height: 150px; 
    background: #000; /*black*/ 
} 

Answer 1

あなたはdivTwoは、ウィンドウ幅の100％を取りたい場合は、100vw

body, 
 
html { 
 
    margin: 0; 
 
    height: 0; 
 
} 
 
.divOne { 
 
    width: 80%; 
 
    height: 250px; 
 
    background: #00ff00; 
 
} 
 
.divTwo { 
 
    width: 100vw; 
 
    height: 150px; 
 
    background: #000; 
 
}

<div class="divOne"> 
 
    <div class="divTwo"></div> 
 
</div>

を使用することができます