### 一. 关于display: inline-block 1. 当把几个并排div显示效果： ``` <div class="parent"> <div></div> <div></div> <div></div> <div></div> </div> ``` ``` .parent { width: 600px; height: 200px; background: aqua; } .parent>div { width: 100px; height: 100px; float: left; background: yellowgreen; } ``` 如图：  此时的四个div紧密连接在一起 2.当把子div的display属性改为inline-block后, 此时可以取消float, div也是排在一行。 ``` .parent>div { width: 100px; height: 100px; display: inline-block; background: yellowgreen; } ``` 此时显示效果如图：  在css样式里，并没有给子div加margin-right，但div之间出现了margin，这是因为display从block改成了inline-block后，css默认将内联块元素作为文字处理，而文字只要有大小就有间距，因此只要将父元素的font-size改为0即可。 ``` .parent { font-size: 0; } ``` 此时显示效果：  可以看到间距消失了。