Safari 错误的边距 - 在 Chrome 和 FF 中运行良好答案

【问题标题】：Safari wrong margins - working fine in Chrome & FFSafari 错误的边距 - 在 Chrome 和 FF 中运行良好
【发布时间】：2013-03-23 00:32:16
【问题描述】：

我在 Safari 上遇到了一些 div 的问题，边距完全被弄乱了。

奇怪的是它在 Chrome 和 Firefox 上运行良好。如果我实施了专门为 Safari 制作的修复程序，它会影响其他人。

帮助？

谢谢！

【问题讨论】：

您有该网站的链接吗？
你在使用 CSS 重置吗？
@Steve 是的，但没有帮助。
然后，显示一些代码，包括 CSS 重置。
我在您的示例中没有看到问题。在 Safari 和 Chrome 中，这两个标签在我看来完全一样。唯一的区别是半圆形“标签”的位置。在 Safari 中，它一直位于左侧，因为您将其定位在 absolutely 并且不提供 left 属性。如果将left: 50% 添加到#pull_link，一切看起来都一样。

标签： html css google-chrome safari margin

【解决方案1】：

问题是由于缺少left 声明引起的。将此添加到您的 CSS：

#pull_link {
    left: 50%;
}

【讨论】：

【解决方案2】：

您的代码中可能有一个小错误/错误会绊倒您（例如，您可能缺少一个会导致容器崩溃的结束标记，然后您的明确修复不起作用）。对照 chrome 开发人员检查 safari 开发人员工具。您应该能够以这种方式定位问题。有时，一个浏览器会出现错误，而另一个浏览器不会。没有更多信息，这里很难得出结论。您是否尝试过 w3c 验证 html http://validator.w3.org/ ？您也可以通过这种方式捕捉缺失的语法。

【讨论】：

当浏览器窗口调整为更小时，您的设计也会在 chrome 中中断。您的图像 <img src="images/pull.png"> 当前正在使用 #nav_div {text-align: center;}drawer.css 第 30 行对齐。这就是 safari 中出现的问题。不是解决方案，但希望是一个开始。