跨度跨度

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_2的字体大小为200px，其在firebug上的计算高度为225px。

为什么包裹范围没有完全包裹在内跨区？

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

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

Answer 1

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

Answer 2

尝试$("#span1").outerHeight();

Answer 3

尝试添加

  

显示：块;   位置：相对;

也是你的内心和外在的跨度。 Span是一个内联元素，默认情况下它没有宽度或高度。