CSS 如何使 div 100% 尽管 80% div

Question

我想使另一个 div（div一个）内的 div（div两个）的宽度为 100%，尽管宽度为 80% div一个。这可能吗？

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 占 window 宽度的 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>

CSS 如何使 div 100% 尽管 80% div

CSS How to make div 100% despite 80% div

html

css

width