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 不是完全必要的，因为您没有 floating 任何元素，但我认为您正在使用它们来创建空白 - 使用边距或为导航元素分配高度，您的原始问题应该得到解决。我希望这会有所帮助。