justify-content:space-between; display:flex; 子元素超出父元素宽度，导致样式乱掉了

 

如上图：

出现这个情况是因为，display:flex;有一个flex-wrap属性，他有一个默认值是no-wrap表示内部元素不换行。

所以需要加一个这个元素  flex-wrap:wrap;具体代码看下面截图