CSS子菜單定位在Firefox以外的所有東西中

我以前用純CSS子菜單遇到過這個麻煩。在FF中看起來很好（至少在OS X上），但在其他瀏覽器中，它與父li的右側對齊，與左側相反。CSS子菜單定位在Firefox以外的所有東西中

的例子可以在下面似乎（鼠標懸停在「關於我們」或「我的地標24」）

[刪除URL]

有沒有人有任何想法是我做錯了嗎？

您可能想嘗試將問題分離爲單獨的代碼並將其發佈到jsfiddle.net上 - 否則未來的用戶將無法獲得問題所討論的內容 – kontur 2012-01-04 11:54:35

您是否嘗試過添加頂部和左側到子菜單的CSS？ – matpol 2012-01-04 11:57:34

你可否請測試，如果離開：0;在'.navigation ul.menu li ul.sub-menu'幫助你出去？ – 2012-01-04 11:59:29

設置爲您.navigation ul.menu li ul.sub-menu CSS類樣式left:0px。

2012-01-04 11:59:33 Samich

BOOM！工作過一種享受。我自己應該想到這一點。謝謝 – 2012-01-04 12:02:56

兩人同時回答同樣的問題:) – JackSD 2012-01-04 12:02:59

是的:) :)你的+1也是正確的答案。謝謝。 – Samich 2012-01-04 12:43:34

懸停時，您的子菜單設置爲display:inline。如果您將其更改爲display:block，應該修復它。

.navigation ul.menu li:hover ul.sub-menu { 
    display: block; 
}

2012-01-04 11:59:17 ptriek

在 .navigation ul.menu li ul.sub-menu {

只需添加left:0;，將修復它

2012-01-04 11:59:29 JackSD

回答