CSS flex布局最后一个元素的宽度铺满剩余的空间

当你希望最后一个元素的宽度铺满剩余的空间是，你可以为他设计一下属性

flex-grow:1

例子

<div id="big">
  <div class="sma1"></div>
  <div class="sma2"></div>
</div>

#big {
  width: 200px;
  height: 100px;
  display: flex;
}
.sma1 {
  width: 100px;
  height: 100%
}
.sma2 {
  flex-grow: 1;/*铺满剩余空间*/
}