css 不管目录结构层级。父元素有很多块子元素，孙子元素。希望从左往右从上往下排列
我想要实现的效果如图。
<div class="wrap">
<div class="item">1</div>
<div class="item">2</div>
<div class="item">3</div>
<div class="item">4</div>
<div class="section">
<div class="item">5</div>
<div class="item">6</div>
<div class="section">
<div class="item">7</div>
<div class="item">8</div>
<div class="item">9</div>
</div>
</div>
</div>
开始我一直想要用flex布局。给wrap和section都加上了flex布局并且让他超过一行就换行。以为加上这个flex-wrap:wrap就万无一失了，但是发现flex就把一整块当做整体了。1234之后就会换行显示，根本不会跟着4后面。很显然不是我们想要的效果。
正确的方法应该是不管他的层级给所有的item加上一个浮动就行了。
.wrap {
width: 480px;
border:4px solid #000;
}
.item {
width: 120px;
height: 120px;
border: 2px solid pink;
margin-bottom: 8px;
float:left;
}