鍍金池/ 問答/Java  UI  HTML/ css flex布局 如何上下固定，中間保存100%？

css flex布局 如何上下固定，中間保存100%？

圖片描述

中間需要用100%高度，但是不懂怎么實現(xiàn)

回答
編輯回答
忘了我
<style>
  .flex {
    display: flex;
    flex-direction: column;
    height: 100vh
  }
  .flex-item {
    flex: 1;
    overflow: auto;
  }
</style>
<div class="flex">
  <div>top</div>
  <div class="flex-item"></div>
  <div>bottom</div>
</div>
2017年3月22日 12:55