css - 为什么 flex-basis 的默认值不是 'auto' ？

Question

.wrapper {
  display: flex;      
  flex-flow: row wrap;
}

.aside-1 {
  width: 300px;
  flex: 1;
  background: gold;
}

.aside-2 {
  flex: 1;
  background: hotpink;
}

<div class="wrapper">
  
  <aside class="aside-1">Aside 1</aside>
  <aside class="aside-2">Aside 2</aside>
  
</div>

在这种情况下，如果 .aside-1 的 flex-basis 为“自动”，则 .aside-1 的宽度应比 .aside-2 的宽度长。
但它似乎是 0%，所以 .aside-1 和 .aside-2 的宽度是相同的。

Answer 1

答案是found in the docs here:

<‘flex-basis’>

This component sets the flex-basis longhand and specifies the flex basis: the initial main size of the flex item, before free space is distributed according to the flex factors. It takes the same values as the width property (except auto is treated differently) and an additional content keyword. When omitted from the flex shorthand, its specified value is 0%.

(强调我的)

在您的示例中，flex-basis 值在未在 flex 简写中定义时正确设置为 0%。