SOURCE

  <article class="container">
    <div class="center">
      <h2>圣杯布局</h2>
    </div>
    <div class="left"></div>
    <div class="right"></div>
  </article>

.container {
    padding: 0 200px
}
.center {
    width: 100%;
    height: 500px;
    background: yellow;
    float: left;
}
.left {
    width: 200px;
    height: 400px;
    background: lightblue;
    float: left;
    margin-left: -100%;
    position: relative;
    left: -200px
}
.right {
    width: 200px;
    height: 400px;
    background: pink;
    float: left;
    margin-left: -200px;
    position: relative;
    left: 200px
}