关于网页中盒子的排列问题！

如何将这个盒子排列成下列格式

这是html代码段

这是css代码段
孩子期末作业，救救孩子吧

.featur-grids 设置 float: left;
.featur-grids{
float: left;
}

用bootstrap的 span就行。

不需要浮动的话可以用绝对定位

自己花一个小时时间学学 flex 跟float的用法，这种问题随便解决

使用浮动(float)或者盒子(flex) 这两个可以花点时间去搜索多学习就理解了