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

the*_*ine 8 css google-chrome google-chrome-devtools

在此输入图像描述

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

我不是问如何解决我的具体问题,这就是为什么我没有发布任何代码.我只是很困惑为什么chrome在没有显示任何要计算的时候会突出显示边距

Ale*_*mia 14

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

元素占据了它的父级的整个水平空间,因此chrome试图通过用边缘颜色着色占用的空间来传达它.

将规则更改为display: inline-blockdisplay: inline解决问题.

  • 我的问题是,这导致我的一个元素向左偏移一点,所以我在它和BAM上拍了一个“ margin:0 auto”。集中那个坏男孩! (2认同)