Chrome开发者工具中的橙色突出显示

Question

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

然而，有时也会出现橙色区域。 （见图）

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

Answer 1

颜色如下：

• 橙色是保证金
• 黄色是边境
• Green is Padding
• 蓝色是元素宽度和高度

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