stacky footer

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>