类似小米商城的盒子
一个大盒子包着左边一个盒子left 一个右边盒子right
然后给left设置背景图
right分成八个小盒子
1,使用浮动
给right设置八个div,然后给一个左浮动盒子盒子就会靠左排放,然后通过margin-left(margin-right)设置一下每个盒子的左右间距上下间距,最后会发现靠边的盒子会因为受margin-left的影响没有完全靠到右边盒子边框,,最后还得通过结构伪元素选择器选择4,8个盒子设置margin-right为0,相当麻烦.
2 使用flex布局
flex就非常简单,直接给父盒子right设置一个display:flex,justify-content:space-between(左右靠边,中间间距相等)直接就写完了
