父 {
  display: flex;
  flex-direction: column;
}
子 {
  flex: 1 1 auto;
}

使用前效果：

使用後效果：