使div并排显示 除了浮动，还可以使用 行内块 进行布局，让块级元素可以并排显示。
但是使用inline-block进行布局时，有如下问题：
1）盒子中 有文本时 并没有对齐
解决：vertical-align:top
<div style="vertical-align: top; display: inline-block; width: 100px;height: 200px;border: 1px solid red;">啦啦 啦啦</div>
2）盒子与盒子之间有间隙
思考（原因）：换行可能造成间隙
解决：
方法一：可以去掉换行
方法二： 给最外层外一个DIV 并设置它font-size是0 此时就去掉了间隙接着，给里面的div再设置font-size 16px
