1、两者都是为了实现一个两侧固定中间自适应的三栏布局

    圣杯布局的结构

    1. <div id="header"></div>
    2. <div id="container">
    3.   <div id="center" class="column"></div>
    4.   <div id="left" class="column"></div>
    5.   <div id="right" class="column"></div>
    6. </div>
    7. <div id="footer"></div>

    双飞翼布局

    1. <body>
    2.   <div id="header"></div>
    3.   <div id="container" class="column">
    4.     <div id="center"></div>
    5.   </div>
    6.   <div id="left" class="column"></div>
    7.   <div id="right" class="column"></div>
    8.   <div id="footer"></div>
    9. <body>

    两者在DOM上的区别：
    双飞翼布局的DOM 结构 与圣杯布局的区别是用container 仅包裹住center，另外将.column 类 从 center 移至 container 上