三列布局

一、目标

左右边栏宽度固定，高度是屏幕高度；中间宽度、高度自适应

二、实现方式

1、用flex

2、双飞翼布局

要点：

• 中间元素在左边元素前面（优先渲染中间列）

• 三列都浮动

• 左右两列的位置通过父元素的padding预留

3、圣杯布局

要点：

• 中间元素在左边元素前面（优先渲染中间列）

• 三列都浮动

• 左右两列的位置通过中间列的margin预留