### 一. 關于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; } ``` 此時顯示效果：  可以看到間距消失了。