页面布局详解(圣杯、双飞翼、弹性布局)

前言 圣杯布局和双飞翼布局是页面布局的经常使用布局方式。二者都是为了实现两侧宽度固定，中间宽度自适应的三栏布局，但二者在实现方式上有必定的差异,不过都遵循了如下要点：html 两侧宽度固定，中间官渡自适应 中间部分在DOM结构上优先，以便先行渲染 容许三列中的任意一列成为最高列 只须要一个额外的<div></div>标签 1、圣杯布局 实现方式：web 三者都设置向左浮动。 设置中间宽度为100%

>>阅读原文<<