Firefox getComputedStyle返回＆＃34; auto＆＃34;

Question

此问题之前已被问及关于＆＃34;身高＆＃34;和＆＃34;宽度＆＃34;属性，但我找不到有效的解决方案。

Firefox documentation说：

  

在Firefox中，值为auto的属性会返回已使用的值，而不是值auto。

但是，window.getComputedStyle(element).getPropertyValue("top")会返回"auto"而不是像素值。有人知道解决方法吗？

Ubuntu 15.04上的Firefox 42.0

Answer 1

您的元素看起来像position: static。任何其他类型的定位似乎都可以正确计算。这是对静态元素的测试：

＆＃13;

＆＃13;

document.getElementById('results').innerHTML = window.getComputedStyle(document.getElementById('element')).top;

＆＃13;

#element {
  top : auto;
  }

＆＃13;

<div id="element"></div>
<pre id="results"></pre>

＆＃13;

＆＃13;

＆＃13;

这是position: relative的另一个：

＆＃13;

＆＃13;

document.getElementById('results').innerHTML = window.getComputedStyle(document.getElementById('element')).top;

＆＃13;

#element {
  position: relative;
  top : auto;
  }

＆＃13;

<div id="element"></div>
<pre id="results"></pre>

＆＃13;

＆＃13;

＆＃13;

top应该是static元素的无操作。因此，在这种情况下使用Rect方法可能会更好。