display:inline-block造成的元素间隔以及高度错位

当设置display：inline-block的时候，可能会出现

或者，这是因为此时的元素具有文本属性，只要标签与标签之间有间隔都会被当作以一个字体大小的空格，那么自然就会出现间隙，而垂直方向上，文本的基线不同就会造成错位；

解决方法：添加以下代码

#parent{
    font-size: 0;
    letter-spacing:-4px; /* font-size:0; 在safari无效 */
}
#son{
    font-size: 14px;
    letter-spacing: 0;
    vertical-align: bottom/top; 
}