Chrome和Mozilla之間的差距

我被困在保證金/定位問題上，因爲我有一個不支持Mozilla和Webkit瀏覽器的div。有問題的元素位於頁面底部http://clifford-stage.scholastic.com/Calendar，其中有一個右上角帶有半徑的黑框。（關於海報的編輯註釋...）在Mozilla中，邊框不會突破底部邊緣並按需顯示，但是在Chrome和Safari中，底部流過邊緣，並且我已經玩過每個邊距情景，但似乎無法看到讓它在瀏覽器之間達成一致。Chrome和Mozilla之間的差距

我很感激任何幫助。（順便說一句，這不是我的網頁設計......）

來源

2013-10-15 abtecas

順便說一句，設置webkit特定的樣式表選擇器不起作用，即-webkit-margin-top：xxpx; – abtecas

我不認爲'-webkit-margin-top'實際上是一個CSS屬性...並且您沒有明確設置X和Y值。 firefox borks at'position：absolute' when you do not set the X＆Y coordinates，ie'top：0;左：0;'或什麼的。 – PlantTheIdea

好的，我已經看到了瀏覽器的特定屬性，但是喜歡讓某個瀏覽器瞭解另一個人理解的內容。但也許我打錯了？另外，我們所指的是什麼x＆Y座標。我沒有構建這個頁面，我只是負責編輯，我添加了黑色內容框（div id =「editorsNote」），並且也有一些z-index問題需要處理（另一篇文章）。我完全想要廢棄這個頁面並重建它，因爲我對代碼目標是什麼沒有絲毫的線索......桌子？！？！無論如何，感謝您的幫助，如果可以的話。 – abtecas

與Firefox，你需要顯式聲明X & Y座標使用position:absolute;時：

#yourDiv { 
    position:absolute; 
    top:0; 
    left:0; 
}

否則，你會得到古怪的行爲。這也是適當的瀏覽器行爲，Firefox比Chrome更嚴格。

來源

2013-10-15 21:26:29 PlantTheIdea

Chrome和Mozilla之間的差距

回答

相關問題