div从上到下从左到右自动换行显示排列

先看效果图：

 

.box{//外部的div盒子
  display: flex;//先设置div里的内容显示同一行
  justify-content: flex-start;//左右布局
  flex-wrap: wrap;//换行
  align-content: flex-start;//紧揍排列
}
.child1 ,.child2{//div里的内容块
  width: 100px;
  height: 100px;
}