DIV+CSS弹性盒子布局

使用弹性 盒子布局网页，可以省去浮动，因此也避免了由于浮动带来的负面影响。

下面直接上代码

网页效果

在不适用弹性盒子的情况下，想要实现大盒子内的小盒子浮动排布，需要给每个小盒子加浮动和外边距。

而在大盒子是弹性盒子的前提下（display: flex;/*变成弹性盒子*/），只需要告诉大盒子我想要内部是什么样的排列方式即可（flex-flow: wrap;/*内容换行*/justify-content: space-around;/*内容对齐方式*/）。

当然以上只是一种排列方式，还要其他排列方式，百度flex即可。

弹性盒子内是可以嵌套弹性盒子的，通过此方法可以实现更复杂的网页布局。