基本的等分三列布局.container{display: flex;width: 500px;height: 200px;}.left{flex:1;background: red;}.middle{flex:1;background: g

flex布局无疑是简单、易用的，他让我我们的布局更加简单和快速，但是在使用flex进行多列布局的时候，我相信很多人会遇到下面的情况：这种情况是因为我们使用了justify-content: space-between;为什么使用这个设置，是

一. 定宽 + 自适应期望效果: 左侧宽度固定, 右侧宽度自适应公共代码: html:<div class="parent"><div class="left"><