Safari中的保證金問題 - 在FF中正常工作（wordpress）

Question

我在這裏發現了一個相當有趣的事情。 我的導航有一個負餘量，因爲我希望它專門坐下。在FF中全部顯示正常，但在Safari中，我的內容跳到我的導航所在的位置，就好像我的導航不存在一樣。

我試着玩弄數字，當我將其從-77px更改爲-55時，內容會跳到它應該是的位置（但顯然我的導航沒有）。

Here's通過pastebin鏈接到我的代碼。

任何幫助非常感謝！ 哦，該網站是here 謝謝

Answer 1

你有幾個問題，導致問題的網站的佈局設計，我認爲。它也存在Chrome中的問題。

首先，您的導航不包含在它自己的div中，它不符合您所遵循的設計模式。考慮重新設計有以下：

div wrapper 
    div header 
    div nav 
    div content 
     div column1, etc 
    div footer 
div wrapper (end) 

這會給你更多的控制佈局，你會做的nav DIV，而不是ul變化。您的clearing div並非完全必要，因爲您不是任何元素，但我認爲您正在使用它們來創建空白區域 - 要麼使用邊距，要麼爲導航元素分配高度，並且應解決原始問題。我希望這有幫助。