Flex-grow on child

parent height required.

HTML

<div id='parent'>
  Parent
  <div id='child'>
    Child
  </div>
</div>

CSS

div#parent {
  height: 300px;
  display: flex;
  flex-direction: column;
}

div#child {
  border: thin solid red;
  flex-grow: 1;
}