雙飛翼佈局

雙飛翼佈局：實現效果和聖盃一樣，只是實現的方式有所區別。留白的方式不同（在主要區域內部留白）

    * {
      box-sizing: border-box;
    }
    body {
      background-color: #ddd;
      min-width: 500px;
    }
    header, footer, .main-inline {
      background-color: #fff;
    }
    header, footer, .main {
      margin: 0 0 5px;
    }
    footer {
      clear: both;
    }
    .main {
      float: left;
      width: 100%;
      overflow: hidden;
    }
    .main-inline {
      margin: 0 210px;
    }
    .left, .right {
      float: left;
      width: 200px;
      background-color: #fff;
    }
    .left {
      margin-left: -100%; 
    }
    .right {
      margin-left: -200px;
    }
  ```

雙飛翼（聖盃佈局的另一種實現）

header

this is main content.
this is main content.

left

right

footer

“`