额外空间 - 它来自哪里？

Question

我在摆弄这个例子 https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_element_clientleft_clienttop 它看起来像下面的顶部图片，顶部边框和文本之间有一个空格。

然后我将代码更改为 0px 的顶部边框厚度。看起来像下面的第二张图。 现在没有空间。唔。上图中的额外空间是多少？边距？然后我也将填充和边距设置为 0px。没变化。 然后我将顶部边框宽度设置为 1px。现在整个空间都回来了。就像下面的底部图片。

谁能解释一下？

谢谢 波尔

Answer 1

p 标签会自动在其前后创建一些空格。所以，对于边框粗细为0px的情况 因此，我们无法在此处看到上边距。