最近在写代码是发现个问题，因为A标签是行级元素嘛，默认是无法设置 height 的，所以就手动设置 display: inline-block; ，这样就能设置 height 属性了，结果发现在 IE8+ 浏览器下，设置 background-color 后，高度居然多 1 像素，
Firefox 和 Google Chrome 下是正常的，下图是在 IE8+ 不正常的截图：
异常位置在红圈处
经过摸索后，将 A 标签设置为 display: block; 后，恢复正常。
然后就没有然后了！
至于原因为啥，在网络上并没有查到相关的说法。