<div class="main">
<div class="head"></div>
<div class="pageCont"></div>
<div class="nav"></div>
</div>
.main{height: 100vh; display: flex; flex-direction: column; }
.head{ height: 40px; line-height: 40px; color:coral; width: 100%;}
.pageCont{ flex:1; background: #eee; width: 100%; overflow-y: scroll; }
.nav{ height:50px;width: 100%;}