怎么解决窗口改变div盒子模型就跟着向右变形

正常状态下是这样的

窗口一发生变化 三列div就向右撑大div 底部还出现滚动条

css是使用flex布局

原本中间列的div盒子大小

只要改变窗口大小，中间的那一列的宽度就会不断变小导致左右两列的div向中间延深

此问题造成的原因是flex属性使用不当，建议使用百分比布局，或者给三个盒子同时家上flex:1属性