两列布局

一列固定宽度，另一列自适应宽度
如下图所示：第一列固定宽度200px，第二列自适应。

代码

效果

使用flex布局的写法

代码

三列布局

边上两列固定宽度，中间自适应
注意html的写法，左右两列，也就是1，3列应该写在一起，中间列写在最后

代码

效果

使用flex布局的写法

效果同上

转载：https://blog.csdn.net/ace_arm/article/details/81044582