css行内元素的line-height属性导致的高度溢出问题。

<div style="line-height:1.12;">
  <span style="display:inline-block;">
    此处的文字高度要大于所属的span元素的高度。
    <span></span>
  </span>
<div>

这里第一个span的高度会不等于其内容所占的高度，为什么会出现这种情况呢？我也不晓得。

可以通过给第一个span标签添加line-height: normal;样式，这样高度就是相等的。