一个坑点：使用flex布局时，由于父div已经定好了大小，导致子item项如果换行就会平均分享高度，这样页面非常难看
解决办法：每当要写可动态增加、减少的item时，要把item们放在一个动态高度的div里，然后将这个div放到之前的父div里，这样便可以
2021.10.16:今天写的时候突然发现 flex-grow和flex-shrink,这两个属性我居然忘掉了,这两个属性可以赋予div权重,这样多个div你就可以调整各自的大小了
通俗理解：以上面代码做说明，container有1800px宽度，6个box（item）分别为200px，那么container剩余的宽度则为 600px，flex-grow就是用来设置box怎样瓜分剩余空间（宽度）。
