双飞翼布局

双飞翼布局：实现效果和圣杯一样，只是实现的方式有所区别。留白的方式不同（在主要区域内部留白）

    * {
      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

“`