div{border:1px solid #CCC;}
.wrapper{
100%;
height:100%;
display:flex;
flex-flow: column; }
.content{flex:1}
.footer{flex:0}
<div class="wrapper">
<div class="content">
<p>coontent</p>
<p>coontent</p>
<p>coontent</p>
<p>coontent</p>
<p>coontent</p>
<p>coontent</p>
<p>coontent</p>
</div>
<div class="footer">footer</div>
</div>