Chrome和Firefox处理flex布局的方式真的不一样啊... Chrome上好好的，Firefox就各种塌陷，尤其是justify-content: space-between的时候，子元素直接挤在一起了 调了半天才发现是兼容性问题，最后加了个flex-wrap: wrap才搞定，真是服了浏览器厂商的“个性”

.container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; /* 兼容FF */
}