双飞翼布局

一、flex实现

代码如下：

<header></header>

<div class="container">

    <div class="left"></div>

    <div class="center"></div>

    <div class="right"></div>

</div>

<footer></footer>

header {

height: 20px;

backgroundcolor: skybule;

}

.container {

display: flex

}