与任何其他浏览器相比,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

我只是使用基于百分比的负值来表示利润率最高的结果：除了移动浏览器和移动Chrome之外，它们在其他地方看起来都不错。将位置从绝对位置更改为相对位置，这对我来说很成功。

Answer 3

如果没有看到更多代码，就很难确定可能发生的情况......尤其是影响元素的级联。

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

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

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

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