CSS实现双飞翼（圣杯）布局

利用定位

实现两侧固定 中间自适应

• 父盒子设置左右 padding 值
• 给左右盒子的 width 设置父盒子的 padding 值,然后分别定位到 padding 处.
• 中间盒子自适应

利用 flex 布局

实现两侧固定 中间自适应

• 父盒子设置 display:flex;
• 左右盒子设置固定宽高
• 中间盒子设置 flex:1 ;

利用 bfc 块级格式化上下文

实现两侧固定 中间自适应

• 左右固定宽高，进行浮动
• 中间 overflow: hidden;