为什么给行内块级元素inline-block添加margin-top为负值的时候不起作用？

一个盒子为行内块级元素，即 display:inline-block; 给该元素添加margin-top:-10px;负值不起作用，这是为什么呢？

解决办法（我使用的最多）：

1.给该盒子的父级添加属性：font-size:0;(这个方法比较简单，但是也有一些问题，会影响到子元素的字体大小)

这个方法同样适用于取消inline-block盒子之间的空隙的问题

同时总结一下inline-block的兼容性写法：

display:inline-block;

*display:inline;

*zoom:1;