1、新建页面，添加三个div标签，第一个div是页面的主体部分，包含重要内容，希望优先渲染。
2、此时，添加样式。为三个div框分别设置高度、宽度和背景颜色。
3、此时main div并不是自适应的。为了让居中的main div实现自适应，设置main样式flex-grow: 1。fl髫潋啜缅ex-grow定义了该div的放大比例，将之设置为1，意味着如果存在多余空间，放大这个div。
4、此时可以看到main div、left div和right div依次排列。拉大浏览器可以看到，main div随着浏览器拉大而放大，left div和right div大小不变。
5、最后将main div、left 蟠校盯昂div和right div调整到期望的顺序。分别为main、left和r足毂忍珩ight设置order为2、1和3，即从左到右的顺序为left div、main div和right div。
6、最终得到的就是利用flex实现的经典的双飞翼布局。main div自适应，两侧固定宽度，并且优先渲染main div。
