顶部值百分比显示chrome中错误的计算值[可能的错误！]

Question

我在jquery中动态创建了一个元素，将其添加到页面中，为其添加了类top:50%。一切都很好，它是50％，但是当我得到像这样.css('top')的顶部值时，我得到错误的值，470而不是20.问题是，这个错误的值即使没有应用也会导致错误我生效试图通过javascript获取哪些依赖于获取正确的值.. 这在firefox中没有问题。我得到了我所看到的以及计算出来的东西。

Jsfiddle：http://jsfiddle.net/techsin/dbj2un2e/

d.css( 'top', d.css('top') ); 更改了Chrome中的实际位置。 （取消注释以查看其影响）

屏幕截图进一步解释。 （在新标签中打开图像以清楚地看到它）

Answer 1

使用position().top代替css('top')

var d = $('<div>').addClass('zzz');

$('.abc').append(d);

console.log(d.position().top);

FIDDLE