flex剩余空间布局

<div class="main">

　　<div class="one"></div>

　　<div class="tow"></div>

</div>

 .main{

　　display: flex;

　　flex-direction: flex;

　　width: 100%;

　　height: 100%;

}

.one{

　　width: 100%;

　　height: 100px;

}

.tow{

　　width: 100%;

　　flex: 1;

　　overflow-y: auto;

}