Javascript jquery未正确定位元素

我有一个jquery实验，其中有一个id=mask的div被放置在页面的中心。 我两者都试过了

Jquery：

$("#mask").height()

和javascript的本机代码：

var mask = document.getElementById("mask");
var ht_mask = getComputedStyle(mask).getPropertyValue("height");
var ht_mask_num = Number(ht_mask.slice(0,ht_mask.length - 2));

两者在firefox和chrome中的console.log上都给出了不同的值 我正在做这个实验

jsfiddle：

在我的网站上，有时效果很好：

幸运的是，它对一些人有效，但如果他们多次重新加载，它不会一直有效。 我检查了inspect元素中的Chrome network选项卡，该选项卡提供了资源加载顺序的信息。我看到jquery有时不加载，尽管我使用的是最好的google CDN。这不完全是错位的原因，而是一个因素

仅供参考：我使用meyer reset css和jquery 1.11.0 这是我检测到的一个问题，定位问题可能与其他问题有关。

尝试更换

$("#mask").css('marginTop', margin_top + "px");

与

---

希望它能有所帮助

不，因为它不是完美的像素。这可能是一种掩饰，我发现很难理解，因为我找不到简单jquery概念的解决方案

$("#mask").css('position', "absolute",'top','20%');