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

回答