Google Chrome开发人员工具元素属性分析

Question

有人可以解释橙色的空间是什么意思吗？

首先，我认为这是边距，但我认为边际实际上等于零。

Screenshot（抱歉，我还无法在Stackoverflow上发布任何图片）

提前致谢。

Answer 1

我认为它仍然是保证金。几乎无处不在，它显示正确，Chrome本身表示它是一个保证金。所以我会说这是一个带有罕见错误的边缘。

Answer 2

您突出显示的项目 - <p> - 没有边距或填充，这就是它在底部的图表中显示为零的原因。橙色区域实际上是容器div'hist'的区域。如果使用相同的工具突出显示包含元素，您可能会发现它有一些padding-right导致空白空间（或者更确切地说，用填充填充它以使文本无法输入），或者您的{ {1}}设置了最大宽度，使其具有空白空间，或者在到达边缘之前进行换行。