经典三分栏布局

实现圣杯布局和双飞翼布局（经典三分栏布局）

圣杯布局和双飞翼布局的目的：

• 三栏布局，中间一栏最先加载和渲染（内容最重要，这就是为什么还需要了解这种布局的原因）。
• 两侧内容固定，中间内容随着宽度自适应。
• 一般用于 PC 网页。

圣杯布局和双飞翼布局的技术总结：

• 使用 float  布局。
• 两侧使用 margin 负值，以便和中间内容横向重叠。
• 防止中间内容被两侧覆盖，圣杯布局用 padding ，双飞翼布局用 margin 。