在Safari浏览器中，负边距与其他浏览器不同的结果

Question

CSS：

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

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

我该如何让它在所有浏览器上表现一致？

- Abdelrahman Osama

Answer 1

使用 display:block; 在您的元素上，使Safari能够像在FF、IE和Chrome中一样看到它。

- DD dev

---

这个对我起了作用。我之前是用inline-block的方式，但是block更好。 - Siyah

Answer 2

我刚刚在使用基于百分比的负边距值时遇到了这个问题：它们在其他所有地方看起来都很好，但在移动版Safari和移动版Chrome中却出现了问题。将位置从绝对定位更改为相对定位对我有帮助。

- starpause

Answer 3

没有看到更多你的代码，很难确定可能发生了什么... 尤其是与级联影响元素有关的部分。

不过，试着将你的ems改成像素：

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

注意：您可能需要调整像素值，但您已经了解了基本思路。

每个 em 值都相对于其父元素的值而言。如果您将 em 作为像素值的直接替代，这可能会导致问题。

- rjb