display:inline-block的小注意

今天使用display:inline-block的时候，发现两个div不能在同一行显示，代码如下：

<div style ="width:100%; height:50px; background-color:red;">
                <div href="#" style=" width:50%;display:inline-block;height:100px;background:#ccc；">链接一</div>
                <div href="#" style="width:50%;display:inline-block;height:100px;background:#ccc；">链接一</div>                        
</div>

后来百度了一下发现，display:inline-block有个间距，在这里可在父级元素用font-size:0;去除间隙；同时在子元素上设置font-size即可。