Javascript jQuery样式元素上的高度

我体内有一种风格元素。当我根据前面元素的高度进行一些复杂的计算时，我遇到了这个问题。下面是一些示例代码：

HTML

如您所见，jQuery正在返回样式元素的高度。这只是一个jQuery错误，还是出于某种目的，我只是错过了一些东西？我调试了jqueryheight函数，发现它们将

display:block

应用于样式元素，这使得div具有高度

JSFiddle：

---

它对我来说没有任何意义，没有一点解决办法就破坏了我的代码。

官方

$.fn.height（）

@a.Wolff我想警告对我来说不够黄，谢谢如果这真的是一个问题（不确定怎么可能），将样式标记包装在任何元素中，并在父元素上设置

display:none

听起来是一个不错的解决方案（当然，只要我删除scoped属性）。感谢您的帮助在官方

$.fn.height（）

@a.Wolff中有一条关于它的说明我想这个警告对我来说不够黄，谢谢如果这真的是一个问题（不确定怎么可能），请将您的样式标记包装在任何元素中，并设置在这个父元素上

显示：none

听起来是一个非常好的解决方案（当然，只要我删除scoped属性）。谢谢你的帮助

<style type="text/css" scoped>
  body {
    background-color: rebeccapurple;
  }
  .log {
    color: white;
  }
</style>

<div class="log"></div>

var $log = $(".log"),
    $style = $("body > style");

$log.append("$.height: " + $style.height() + "<br/>");
$log.append("clientHeight: " + $style[0].clientHeight + "<br/>");
$log.append("offsetHeight: " + $style[0].offsetHeight + "<br/>");
$log.append("scrollHeight: " + $style[0].scrollHeight + "<br/>");

$.height: 18
clientHeight: 0
offsetHeight: 0
scrollHeight: 0