CSS儘管有80％div，但如何使div 100％

Question

儘管divOne的寬度爲80％，我想使div（divTwo）的寬度在另一個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>