html - 我怎么知道一个 block 级元素跨越多行或单行

Question

我是 CSS 新手。我正在阅读有关 block 级元素的信息。“div”是 block 级元素。“p”也是 block 级元素。

“浏览器通常显示 block 级元素，元素前后都有换行符。您可以将它们可视化为一堆盒子”来自 https://developer.mozilla.org/en-US/docs/Web/HTML/Block-level_elements

但是当使用“div”时，我可以看到它不会像“p”或“h1”等其他 block 级元素那样添加新行。

我的意思是我可以看出以下代码片段的不同之处

<p> Text1</p> 
<p> Text2 </p>

<div> Text1</div> 
<div> Text2 </div>

在第一个代码片段中，在“p”元素之后添加了一个新行。在第二个代码片段中，“div”元素后没有添加新行。

那么为什么“div”不添加新行呢？谁能帮助理解这一点？

Answer 1

没有“新行”这样的东西，只有应用于 H1 和 P 等元素的默认边距。

想要让它们为空？

body, p, h1, h2 /* etc*/ { margin: 0; }

没错。 DIV 没有默认的用户代理边距。