inline-block引發間隙是包括換行在内的空白符。
問題1：上邊距産生1px間距（如圖）。
1.完美解決方案：
設定vertical-align:top。（vertical-align這個是設定元素的垂直排列的， 用來定義行内元素的基線相對于該元素所在行的基線的垂直對齊；top就是垂直對齊文本的頂部 。）
2.不完美解決方案：
整個div設定height
每個li裡設定line-height ，line-height比height小1px；這樣設定，下端對齊但是上端然有1px間距。
問題二：左右空白邊距 ：
解決方案1：
既然間距産生是由包括換行在内的空白符引起的，那我們可以在html布局時，把運用了inline-block的元素内部的代碼敲在一行裡，不換行。（比較麻煩）
解決方法2：
把運用了inline-block的元素設定font-size：0， 子标簽裡再設定字型大小。
第一次寫，有錯誤望 指正，希望不會誤人子弟。