圣杯布局

<header>header</header>
<div>
    <section class="center">center</section>
    <section class="left">left</section>
    <section class="right">right</section>
</div>
<footer>footer</footer>

div {
    padding:0 100px 0;
}
.center{
    width:100%;
}
.left{
    margin-left:-100%;
    right:100px;
    width:100px;
    position:relative;
}
.right{
    margin-right:-100px;
    width:100px;
}

https://zhuanlan.zhihu.com/p/103774667