浏览器如何计算＆＃39; auto＆＃39;值？

Question

我有两种相似的风格。当我在chrome检查器中查看它们时，它们具有不同的值，尽管应用的样式类似。

元素的边距具有“自动”值，但是当浏览器计算时，它们之间存在很大差异，尽管宽度相同。

对于那些要求我将其指向单个样式表的人，我实际上不能，因为第一个样式是用于wordpress主题而另一个用于whmcs模板。

更新

添加了这两个截图。两个窗口都是最大化的

Answer 1

auto不是特定值，并且在块元素上基本上意味着让浏览器决定。 （如，占用剩余空间）。我希望您的浏览器窗口宽度，或者在您看到渲染的边距较大的情况下，父元素会更宽。 （请参阅“样式”选项卡而不是“计算”以查看应用的样式）

当您为左右边距设置auto时，它将使元素居中。如果仅为左边距设置auto，则元素将与右侧对齐。

在https://developer.mozilla.org/en-US/docs/Web/CSS/margin#Values

了解详情

Answer 2

我弄明白了这个问题。 Chrome以不同的方式呈现它。其他浏览器正确显示它。只有我的电脑中的Chrome浏览器以不同的方式显示它。我的手机中的Chrome浏览器正确显示，因此我猜这是一个浏览器问题。