Flex元素自适应布局

设计稿有如下要求：

左右元素能一行展示的情况下，展示在同一行，一行展示不下的情况下，右侧模块换行展示

用flex布局来尝试解决问题

父容器设置：

display: flex;
justify-content: space-between;
flex-wrap: wrap;

右侧容器设置:

flex: auto;

如下图，就可以得到上述效果