兩個或多個display為inline-block的元素玻靡，如果以下幾種情況：
- 兩個元素之間本來沒有空格或者間距结榄，而展示出來的頁面兩個元素之間卻有空格；
- 兩個或多個元素相加本來是100%的囤捻，卻出現(xiàn)了錯位臼朗，最后一個元素被擠到下一行去了；
那么，原因是：
display為inline-block的元素之間（源代碼上）视哑，如果之間有空格绣否，那么渲染出來的頁面元素時間也會有空格，也就是間距挡毅。
多個元素之間之所以會錯位蒜撮，是因為原本的100%加上空格，實際上已經(jīng)超過100%了跪呈，當(dāng)然后面的元素會被擠到下一行啦段磨。
解決方案：
在源代碼中把所有的空格去掉，就OK了耗绿。
