html - 为什么 flex-basis 不用于封闭框的宽度计算？

Question

在下面的示例中， 和 的组合flex-basis将flex-shrink宽度添加到.space div. 但是宽度不用于计算外框（.parent）的宽度。相反，当与 . 结合使用时，内容会被截断overflow: hidden。.space为什么标签的宽度被丢弃？

.root {
  display: flex;
}

.parent {
  display: flex;
  overflow: hidden;
}

.parent > div {
  display: flex;
}

.space {
  flex-basis: 20px;
  flex-shrink: 0;
}

<div class="root">
 <div class="parent">
  <div class="one">One</div>
  <div class="space"></div>
  <div class="two">Two</div>
 </div>
</div>

标签： htmlcss