flex nest

<div style="display: flex; height: 100vh; flex-direction: column;">
  <div style="flex: none;">
    ここは高さを指定
  </div>
  <div style="flex: 1 1 auto; overflow: auto;">
    <!-- 入れ子のサンプル -->
    <div style="display: flex; height: 100%; flex-direction: column;">
      <div style="flex: none;">
        ここは高さを指定
      </div>
      <div style="flex: 1 1 auto; overflow: auto;">
        ここは残りの領域を埋めてくれる
      </div>
    </div>
  </div>
</div>