html - div 元素的默认大小在哪里定义或计算？

Question

我想知道浏览器如何计算没有给定大小的 div 元素的初始 height 和 width 值。以这个 div 为例:

<div>
  TEST
</div>

我的浏览器(Chrome)计算出这个 div 的大小为 1255 x 18，窗口大小为 1271 x 284。似乎 div 默认为一行的高度和内部宽度窗口减去一些。但我想了解更多。

我在这里找不到任何东西: https://html.spec.whatwg.org/multipage/semantics.html#the-div-element

在哪里可以找到此类信息？

Answer 1

div 标签是 block 级元素。默认情况下，所有 block 级元素都继承其父元素的宽度。

在您的示例中，div 继承了父级 body 标记的宽度，同时考虑了 body 元素上的任何边距或填充。

MDN通常是这类事情的重要信息来源 - 请参阅 https://developer.mozilla.org/en/docs/Web/HTML/Block-level_elements