解决a标签IE8+下设置 background-color 后，高度多一像素问题！

最近在写代码是发现个问题，因为A标签是行级元素嘛，默认是无法设置 height 的，所以就手动设置 display: inline-block; ，这样就能设置 height 属性了，结果发现在 IE8+ 浏览器下，设置 background-color 后，高度居然多 1 像素，

Firefox 和 Google Chrome 下是正常的，下图是在 IE8+ 不正常的截图：

异常位置在红圈处

经过摸索后，将 A 标签设置为 display: block; 后，恢复正常。

然后就没有然后了！

至于原因为啥，在网络上并没有查到相关的说法。