display:flex 纵向沾满

要将一个元素的子元素垂直方向上沾满，可以使用CSS的flexbox布局。

首先，设置父元素的display属性为flex，这将使父元素成为一个flex容器。然后，添加flex-direction属性并将其值设置为column，以使子元素在垂直方向上排列。

接下来，可以使用flex属性来控制子元素的占比。将子元素的flex属性设置为1，表示子元素将会占据剩余的空间。

以下是一个示例的HTML和CSS代码：

HTML代码：

<div class="container">
  <div class="child">子元素1</div>
  <div class="child">子元素2</div>
  <div class="child">子元素3</div>
</div>

CSS代码：

.container {
  display: flex;
  flex-direction: column;
}

.child {
  flex: 1;
}

在上面的示例中，父元素具有class为"container"，子元素具有class为"child"。通过将父元素的display属性设置为flex，子元素将会在垂直方向上排列，并且通过设置子元素的flex属性为1，实现了子元素在垂直方向上沾满父元素的效果。