CSS flex 实现 top栏高度固定 剩余内容部分高度铺满父盒子

使用flex布局

<div id="app">
    
    <div id='top'>
    </div>
    <div id='content' >
    </div>
    
  </div>

#app{
    display: flex;
    flex-direction: column;
  }
  #top{
	width: 100%;
    height: 50px;
  }
  #content{
    width: 100%;
    height: 100%;
    flex: 1;
  }