三列布局_双飞翼布局

总结：圣杯布局与双飞翼布局对比

1、两种布局方式都是把主列放在文档流最前面，使主列优先加载；

2、两种布局在实现上也有相同之处，都是让三列浮动，然后通过负外边距形成三列布局。

3、两种布局方式的不同之处在于如何处理中间主列的位置：

圣杯布局是利用父容器的左、右内边距+两个从列相对定位来实现；

双飞翼布局是把主列嵌套在一个新的父级块中利用主列的左、右外边距进行布局调整；

效果图