Chrome和Firefox的高度计算有所不同？

因此，请在Chrome和Firefox下查看www.qualificationcheck.com。 Alt-Tab在他们之间迅速来回地聚焦在那个小小的绿色'帮助&反馈'侧面选项卡上。Chrome和Firefox的高度计算有所不同？

它似乎移动位置！这是什么？

它包含在第三方的Javascript文件中。我仔细研究过它是如何计算它的位置的。

首先，它集top: 50%得到它的一路下滑视约50％。

然后设置

margin-top: [ "-",Math.round(tab.dimensions.height/2), "px" ].join("")

即减去标签高度的一半，因此转移回略微向上，因此它的“中间”实际上是一路下滑视窗50％（而不是顶端'）。

使用Chrome开发者工具，然后Firefox中的Firebug我可以看到，在Chrome上边距最终被-33px，而在Firefox它最终被-87px。

为什么区别？

它令人讨厌，因为我想添加自己的标签上方或下方，但我不能确定在哪里把我自己的标签，如果我不能依靠第三方一个在相同的位置所有的时间！

2012-07-06 Nick Foote

对不起球员，无论其他答案的帮助。

我基本上通过复制第三方JS，然后调整它，所以我可以在一起的位置它和我的新标签作为一个解决这一点。

所以基本上只是一个解决方法而不是解决问题的答案。

2012-07-12 08:41:07

尝试添加padding-top：？px，Firefox和Chrome都应该相同。有些人在网上都报告了类似的问题，与保证金崩溃（而不是一个错误，显然）：

2012-07-06 09:39:51 fuzzyanalysis

火狐（和Chrome近段时间以来）解释margin和padding不同。保证金和填充值为添加到div高度/宽度。您可以通过添加这对你的CSS（把它在顶部）解决这个问题（至少对于FF）：

DIV { 
    -moz-box-sizing:border-box; 
    box-sizing:border-box; 
}

2012-07-06 09:52:14 poepje

回答