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