本篇文章主要介绍介绍了CSS双飞翼布局的两种方式实现示例，这里整理了详细的代码,非常具有实用价值，需要的朋友可以参考下

双飞翼布局，就是两端固定宽高，中间自适应的三栏布局 先来张图，左边和右边的灰色块是固定宽高的，中间绿色的区域是宽高自适应 方式一：通过flex弹性布局来实现 看代码 //HTML结构，div2是中间的自适应区域 ... ... *{ //先简单粗暴的解决一下浏览器的默认样式 ma