CSS 80 % div에도 불구하고 div를 100 % 만드는 방법

Question

divOne의 80 % 너비에도 불구하고 다른 div (divOne) 너비의 div (divOne) 안에 너비 (divTwo)를 만들고 싶습니다. 이것이 가능한가?

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

HTML :

이

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

CSS : 당신이 창 너비의 100 %를 취할 divTwo을 원하는 경우에

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

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

Answer 1

당신이 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>

,129을 사용할 수 있습니다