为什么使用display时div之间的空格:inline-block

Question

使用时为什么div之间有空格display: inline-block,如下例所示:http://jsbin.com/IhULuZO/1/edit.

我知道我可以使用float:left,但如果可能的话,我想摆脱没有浮动元素的空白区域.

Answer 1

因为技术上代码的缩进是一堆空格.

<div class="parent">
    <div class="child"></div><div class="child"></div><div class="child"></div>
</div>