Firefox 计算边距

Question

当使用auto 使元素居中时，我发现 Firefox 和 Chrome 之间的计算结果不同。

div1 {width:100px; height: 100px; margin: 0 auto;}

当我使用 getComputedStyle 或 currentStyle 检查（使用 JavaScript）计算的样式时，Chrome 会给出一个实际的数字，以像素为单位，表示左边距或右边距有多大。然而，Firefox 只是以0 发布，即使元素居中。如何使用 Firefox 中的 JavaScript 获得与 Chrome 中相同的发布结果？

补充：我不需要改变值，我需要以像素为单位计算值，这样我就可以在页面上动态放置我有'位置：固定'的其他对象

Answer 1

我最近遇到了这个问题。

在 Firefox 中，您可以使用 jquery 的 offset() 或 position() 方法来解决此问题：

偏移量()

获取匹配元素集中第一个元素相对于文档的当前坐标。

位置（）

获取匹配元素集合中第一个元素相对于偏移父元素的当前坐标。