直接上代码
<div class="wrapper">
<div class="header"></div>
<div class="container">
<div class="left"></div>
<div class="center"></div>
<div class="right"></div>
</div>
<div class="footer"></div>
</div>
.wrapper{
width:100%;
height:100%;
display:flex;
flex-direction:column;
}
.container{
flex:1 1 auto;
display:flex;
}
.header,.footer,.left,.right{
flex:0 0 20%;
background:#f0f;
}
.left,.right{
background:#ccc;
}
.center{
flex:1 1 auto;
}