jquery - 跨度包装跨度

Question

我有以下内容:

<span id="span_1" style="overflow: auto;">
<span id="span_2" style="font-size: 200px; background-color: red;">Testing</span>
</span>

当我尝试使用 jQuery 获取环绕跨度 span_1 的高度时 - 它给了我 19px。尽管内部 span span_2 的字体大小为 200px，并且其在 firebug 上的计算高度为 225px。

为什么环绕跨度没有完全环绕内部跨度？

我基本上是在尝试找到特定元素的精确 剩余高度。这个元素可以有很多 child ，但我想知道它还剩下多少高度。所以我的想法是将该元素内的所有内容都包装在一个跨度中，并使用 jQuery 计算高度，但到目前为止我不明白为什么上述方法不起作用。

更好的想法？我无法将内容包裹在 div 中，因为它会受到行高的影响。

Answer 1

尝试将 display: inline-block; 添加到父 span。