CSS三栏布局：Flex实现

利用flex布局实现两侧固定、中间自适应的三栏页面结构。

1、 页面布局结构见下图

2、 设置腹肌元素的显示方式

3、 将左侧flex值设为蓝色，方便观察效果。

4、 将右侧flex值设为绿色，方便观察效果。

5、 设定中部自适应区域

6、 查看页面效果

7、 调整浏览器窗口尺寸时，页面中央内容会自动适应变化。