使行在溢出的div内扩展到溢出的div的100％

Question

我在将行设置为100％宽度时遇到问题。这是我的设置

.container {
  width: 200px;
  overflow: auto;
  background-color: red;
}

.row {
  height: 50px;
  display: flex;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
}
  div {
    min-width: 100px;
  }
}

<div class="container">
  <div class="row">
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
  </div>
</div>

如您所见，该行仅从父容器获取其宽度，并且不会一直扩展（背景颜色被截断）。为什么不全宽？