Javascript Firefox getComputedStyle返回无计算值

Javascript Firefox getComputedStyle返回无计算值,javascript,css,firefox,getcomputedstyle,Javascript,Css,Firefox,Getcomputedstyle,我在一个元素上调用getComputedStyle,该元素定义左、右和下 在Chrome中,它返回'auto'作为top的值,但在Firefox中,它返回像素值,但是如果你在Firefox中查看inspector,计算窗格中不会显示top值 有办法解决这个问题吗?这是一把小提琴,通过以下方式显示问题: 在Firefox中,值为auto的属性返回使用过的值,而不是值auto。因此,如果您应用top:auto;底部:0;在高度为30px且其包含块高度为100px的元素上;,在请求top的计算样式时,

我在一个元素上调用getComputedStyle,该元素定义

在Chrome中,它返回
'auto'
作为
top
的值,但在Firefox中,它返回像素值,但是如果你在Firefox中查看inspector,计算窗格中不会显示
top

有办法解决这个问题吗?这是一把小提琴,通过以下方式显示问题:

在Firefox中,值为auto的属性返回使用过的值,而不是值auto。因此,如果您应用top:auto;底部:0;在高度为30px且其包含块高度为100px的元素上;,在请求top的计算样式时,Firefox将返回top:70px,即100px-30px=70px


老问题,但我也遇到了这个问题,并得到了解决方案,正如囚犯所说,Firefox做的事情有点不同。对于某些属性,它将返回使用的值(它将自动转换为像素),而不是解析的值。幸运的是,自Firefox19以来,有一个名为getDefaultComputedStyle的解决方案,仅在Firefox中受支持,并返回解析值

一种方法是测试浏览器,如果是Firefox,则使用getDefaultComputedStyle,否则使用getComputedStyle