为什么chrome突出显示未在样式或计算中列出的边距

Question

＆＃34; styles＆＃34;下没有显示边距样式，正如您所看到的那样，它也没有显示任何计算。不知道这里发生了什么，但是在将元素的宽度改为90％之后我就注意到了这一点。我使用粉底，所以也许它有一些竞争风格？

我没有问如何解决我的具体问题，这就是为什么我没有发布任何代码。我只是混淆了为什么chrome在没有显示任何计算时会突出显示边距

Answer 1

这是由display: block规则引起的。

元素占据了它的父级的整个水平空间，因此chrome尝试通过用边距颜色着色占用的空间来传达它。

将规则更改为display: inline-block或display: inline以解决问题。

Answer 2

我的猜测是包含small-4可能有填充？或者Chrome正在努力变得聪明。

Answer 3

完全了解您在说什么。您要提供的是：在哪里可以看到规则，例如“ body {margin：10px; }”，这是Chrome中的默认设置。我只知道这一点，因为当我将边距设置为0时，我可以看到文本缩进量有很大的提高。另外，正如您在Chrome中提到的那样，有一个亮点在理论上不应该存在。因此，添加了一些默认的“填充”或“边距”。不知道您处于哪个级别，但是您可能希望查看这些值的重置以回答您的问题：https://css-tricks.com/reboot-resets-reasoning/