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

先看效果图：

.box{//外部的div盒子

display: flex;//先设置div里的内容显示同一行

justify-content: flex-start;//左右布局

flex-wrap: wrap;//换行

align-content: flex-start;//紧揍排列

}

.child1 ,.child2{//div里的内容块

width: 100px;

height: 100px;

}