html - CSS如何使div达到100％，尽管div达到80％

我想把一个div（divTwo）的宽度设为另一个div（divOne）的100%，尽管divOne的宽度是80%。这可能吗？
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*/
}

最佳答案

如果您希望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>