双飞翼布局和圣杯布局的对比

在不增加额外标签的情况下，圣杯布局已经非常完美，圣杯布局使用了相对定位，以后布局是有局限性的，而且宽度控制要改的地方也多，那么有没其他方法更加简洁方便呢？

在淘宝UED探讨下，增加多一个div就可以不用相对布局了，只用到了浮动和负边距，这就是我们所说的双飞翼布局。

DOM结构：main内层增加了一个div

Header

    

        

            Main
        
    
    
Left
    
Right
    

Footer

样式：去掉了左右栏的相对定位，去掉包裹层padding，以中间栏新增div的margin代替