javascript - 如果在 css 中以百分比设置，我如何检索以像素为单位的 div 的最高值？

Question

我有这个 div，它需要是相对的并且在 %: 顶部:

#adiv {
    position: relative;
    top: 50%;
    margin-top: 0px;
    height:200px;
    background-color:black;
}

现在我想找到 top:50% 的像素值。如果我这样做:

alert("TopHeightInPixels:"+(parseInt($("div#adiv").css("top"))));

Firefox 输出实际像素 (100px)，而 Safari 仅输出 50。我知道为什么 Safari 会那样做(我猜我的代码只是条纹了 50% 的 %)，但我该怎么做才正确？如果我这样做这使用 jQuery:

alert("TopHeightInPixels:"+(parseInt($("div#adiv").offset().top)));

或

alert("TopHeightInPixels:"+(parseInt($("div#adiv").position().top)));

我得到的值为 0。那么我该如何正确处理呢？提前致谢! Here's fiddle 。

Answer 1

查看此问题的答案:Detecting the position of a div

div 的顶部通常是它的 y 坐标。不确定盒子模型是否允许偏移 div 的原点，但我很确定它不允许。