CSS - display:inline-block 相鄰元素間有4px的空白間距

取消「display:inline-block 相鄰元素間有4px的空白間距」

Demo：http://jsfiddle.net/JSDavi/p6gcx6nx/

例子：

<div sytle="display:inline-block; width:25%;background-color:blue;">aaaaaa</div>

<div sytle="display:inline-block; width:50%;background-color:red;">bbbbbb</div>

<div sytle="display:inline-block; width:25%;background-color:green;">ccccccc</div>

解決方案：

一、清除（inline-block）元素「</div>」和「<div>」的空白，

即上一元素的結束標籤和下一元素的開始標籤中不能出現空格、換行、內容，

只多是註釋；

二、對inline-block的父元素添加font-size：0；,對inline-block元素及兄弟元素各自設置font-size大小；

三、去掉display:inline-block，或改成display:block，並添加float：left；