为什么 chrome 突出显示样式或计算中未列出的边距
Why is chrome highlighting a margin that is not listed in styles or computed
"styles" 下没有显示边距样式，而且如您所见，它也没有显示任何正在计算的样式。不知道这里发生了什么，但我在将元素的宽度更改为 90% 后立即注意到了这一点。我正在使用粉底，所以可能它有一些相互竞争的风格？
我不是在问如何解决我的具体问题，这就是我没有发布代码的原因。我只是很困惑为什么 chrome 在没有显示任何要计算的内容时会突出显示边距
我的猜测是包含 small-4 的内容可能有填充？或者 Chrome 想变得聪明。
这是由 display: block 规则引起的。
该元素占据了其父元素的整个水平 space，因此 Chrome 试图通过用边距颜色为占据的 space 着色来传达这一点。
将规则更改为 display: inline-block 或 display: inline 以解决此问题。
完全明白你在说什么。你要的是：我在哪里可以看到规则，例如“body { margin: 10px; }”，这是 Chrome 中的默认设置。我只知道这一点，因为当我将边距设置为 0 时，我可以看到我的文本缩进有很大的跳跃。另外，正如您在 Chrome 中提到的，有一个理论上不应该存在的亮点。因此添加了一些默认的“填充”或“边距”。不确定你在哪个级别，但你可能想查看这些值的重置来回答你的问题：https://css-tricks.com/reboot-resets-reasoning/
"styles" 下没有显示边距样式，而且如您所见，它也没有显示任何正在计算的样式。不知道这里发生了什么，但我在将元素的宽度更改为 90% 后立即注意到了这一点。我正在使用粉底，所以可能它有一些相互竞争的风格？
我不是在问如何解决我的具体问题，这就是我没有发布代码的原因。我只是很困惑为什么 chrome 在没有显示任何要计算的内容时会突出显示边距
我的猜测是包含 small-4 的内容可能有填充？或者 Chrome 想变得聪明。
这是由 display: block 规则引起的。
该元素占据了其父元素的整个水平 space，因此 Chrome 试图通过用边距颜色为占据的 space 着色来传达这一点。
将规则更改为 display: inline-block 或 display: inline 以解决此问题。
完全明白你在说什么。你要的是：我在哪里可以看到规则，例如“body { margin: 10px; }”，这是 Chrome 中的默认设置。我只知道这一点，因为当我将边距设置为 0 时，我可以看到我的文本缩进有很大的跳跃。另外，正如您在 Chrome 中提到的，有一个理论上不应该存在的亮点。因此添加了一些默认的“填充”或“边距”。不确定你在哪个级别，但你可能想查看这些值的重置来回答你的问题：https://css-tricks.com/reboot-resets-reasoning/