Safari 上的负边距与任何其他浏览器的结果不同答案

【问题标题】：Negative margin different result on safari than any other browserSafari 上的负边距与任何其他浏览器的结果不同
【发布时间】：2013-06-13 09:08:45
【问题描述】：

CSS：

dd
{
    margin: -1.2em 4em 0 1em;
}

这是唯一应用的 CSS 规则。与其他任何浏览器相比，负边距在 Safari 上将其推到了顶部。我已经用 Chrome 和 Firefox（都在 Mac OS X 上）对其进行了测试。

我怎样才能让它在所有浏览器上的行为都一样？

【问题讨论】：

标签： css

【解决方案1】：

使用显示：块；在你的元素上让 Safari 看到它与在 FF、IE 和 Chrome 中相同。

【讨论】：

【解决方案2】：

我刚刚使用基于百分比的负值作为 margin-top 遇到了这个问题：除了移动 safari 和移动 chrome 之外，它们在任何地方看起来都很好。将位置从绝对位置更改为相对位置对我有用。

【讨论】：

【解决方案3】：

如果不查看更多代码，很难确定可能发生的情况……尤其是影响元素的级联。

但是，请尝试将您的 em 更改为像素：

dd { margin: -12px 40px 0 10px; }

注意：您可能需要调整像素值，但您明白了。

每个 em 值都与其父值相关。如果您使用 em 作为像素值的直接替换，这可能会导致问题。

【讨论】：