Firefox顯示的位置與Chrome相比有所不同

我有一個webite，我在一個位置相對的日曆中放置了一些事件。但問題是，在Chrome中，它的佈局像素完美，但在Firefox和IE中它根本不起作用。Firefox顯示的位置與Chrome相比有所不同

事件得到約10px的位置向下錯誤。而且我也使用相對定位的工具提示卡住了它的「最初」位置。

你可以看到Chrome和Firefox不同的黑匣子位置。當你點擊一個工具提示時，它會出現在Chrome的日期，但在Firefox的左下角。

我不明白爲什麼！？

請！幫我！

SO協議要求您在問題中發佈相關代碼。請做。 – isherwood

請在jsfiddle中重新創建問題，並用保存的jsFiddle替換您的網站網址 - 我們不知道我們是否可以信任您的網站，並且SO用戶可能會面臨風險。（很多人不想冒險點擊一個未知的鏈接） – SmokeyPHP

在Chrome，Firefox和IE10中，黑盒子和工具提示對我來說顯示了幾乎相同的位置。 – isherwood

這樣做的一種方法是使用CSS黑客，以便您可以根據瀏覽器進行設置。

這裏是一個演示：

@media screen and (min--moz-device-pixel-ratio:0) { 
    .firefox { 
     background: red; 
    } 
}

小提琴例如：

這裏是我的引用：

2013-10-10 15:55:43 Hive7

我知道這是一篇舊文章，並且由於缺乏細節我無法確定，但通常原因是不同的瀏覽器會以不同的寬度，填充，邊距等方式渲染其盒模型沒有明確設定。爲希望放置的元素設置寬度通常可以解決此問題。

2014-10-31 14:30:53

回答