flex布局内部指定第一个元素铺满整行

可以使用flex-basis: 100%将第一个元素的基准尺寸设置为100%，从而让其铺满整行。

例如，HTML结构如下：

<div class="container">
  <div class="full-width"></div>
  <div class="half-width"></div>
  <div class="half-width"></div>
</div>

CSS样式如下：

.container {
  display: flex;
  flex-wrap: wrap;
}

.full-width {
  flex-basis: 100%;
}

.half-width {
  flex-basis: 50%;
}

这样，第一个元素.full-width就会铺满整行，而后面的两个元素.half-width则会分别占据一半的宽度。