CSS：检查器中没有边距，但页面上有

Question

我有一个页面使用了ng2-charts，图表的右侧有一个margin，但是我在检查器中找不到它。然而，当我向下滚动并指向margin（见截图），页面上明显显示了右侧margin。因此，存在margin，但我无法将其作为属性看到和操作。

为什么？

- Nikolay

---

你能分享一下jsfiddle吗？ - Lööri

我之前见过这个橙色部分，我认为它不是CSS边距，而是Chrome Dev Tools添加的，以向您显示右侧没有元素，因为有display:block;或类似的东西。 - LarsW

@Lööri - 抱歉，我目前无法在 jsfiddle 上重现这个问题。由于我们正在使用 Salesforce，我对库获取数据的方式不熟悉。我只是被快速拉来帮助处理边距样式。 - Nikolay

@Arthlete 根据我的经验，我也遇到了我试图描述的情况。这里是一个 JSFiddle：https://jsfiddle.net/LarsGW/5od68w1v/。 - LarsW

@LarsW - 你是正确的。我认为它是边距的假设是错误的！你能在下面发表回答，这样我就可以将你的回答标记为这个问题的正确答案吗？ - Nikolay

Answer 1

这似乎是Chrome开发工具的说法：具有display:block;属性的元素不占据整个宽度，但由于块显示，旁边仍不能有任何元素。以下是一个代码片段来重现此问题：

div {
  width: 50%
}

<div>Placeholder text</div>

- LarsW

---

谢谢！看起来橙色区域是一个边距，因为如果你在检查该元素时向下滚动并转到填充/边框/边距框（请参见问题中的屏幕截图），并指向边距属性，它将用橙色突出显示。所以我猜这是一个默认的右边距，因为这个元素的“display”被设置为“block”。 - Nikolay