在Chrome开发人员工具中突出显示橙色

Question

在Chrome开发人员工具中查看元素时，当用鼠标悬停在元素上时，HTML元素通常会突出显示为蓝色。

但是有时候也有一个橙色区域。 （见图）

橙色突出显示的含义是什么？有时它看起来像是父HTML元素的反映。但有时并非如此。它看起来很随意，这让我感到困惑。

Answer 1

的颜色如下：

• 橙色是保证金
• 黄色是边界
• 绿色被填充
• 蓝是元素的宽度和高度

我如果你忘记了，只需检查边界框显示的计算边栏。