qq_29049843的博客

双飞翼布局相较于圣杯布局来说，两者都是采用了浮动元素，但在解决中间元素被挡住的问题时，圣杯布局采用的是为父元素设置padding-left和padding-right，为左边的元素设置position:relative和left属性解决；双飞翼布局则是额外使用一个浮动元素包裹中间元素，为中间元素设置margin-left和margin-right，再对左右元素设置负外边距来解决的。 那么，双飞翼布...

圣杯布局的优点就是优先渲染中间的元素，如下结构所示，浏览器渲染时是按序执行，因此会优先渲染center元素。 <div class="container"> <div class="center"></div> <div class="left"></div> <div class="right">&l...