Html 标记的高度

您好，我是HTML和CSS方面的新手，如果我的问题听起来太简单，请原谅：

我将元素的背景色设置为绿色，如下图所示：

您可以看到的内容当前为366*18，根据W3C：

元素的背景是元素的总大小，包括填充和边框，但不包括边距

---

因此，绿色应该只应用于大小为366*18的内容，因为高度为18px，所以绿色应该只应用于高度为18px的内容，但是为什么绿色一直应用到页面的末尾呢？

您想在这里只针对“p”标记

内联：

<p style="background-color: green"></p>

---

你已经删除了错误的陈述，这很好，但是从你现在的回答来看，它似乎根本没有解决这个问题。这个问题并不意味着作者打算为p设计样式-这种情况是非常有意的，因为尽管主体只有p那么高，但为什么设计主体的样式会给整个页面着色？如果你有不同的答案，您可以随时与询问您答案的用户分享您的答案。无需-Temani Afif已链接到我回答的副本。

p { background-color: green; }