css - 浏览器如何计算 'auto' 值？

Question

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

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

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

更新:

添加了这两个屏幕截图。两个窗口都最大化

Answer 1

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

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

阅读更多信息 https://developer.mozilla.org/en-US/docs/Web/CSS/margin#Values