与任何其他浏览器相比，safari上的负边距不同

Question

CSS：

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

这是唯一应用的CSS规则。负面的差距正在推动它在Safari上比在任何其他浏览器上更多。我已经使用Chrome和Firefox测试了它（所有这些都在Mac OS X上）。

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

Answer 1

使用display：block;在你的元素上使Safari看到它与FF，IE和Chrome中的相同。

Answer 2

我刚刚尝试使用基于百分比的margin-top负值：除了移动游猎和移动Chrome外，它们看起来都很好。将位置从绝对位置更改为相对位置对我来说是个窍门。

Answer 3

如果没有看到更多代码，很难确定可能发生的事情......特别是关于影响元素的级联。

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

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

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

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