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

Question

我想知道浏览器如何计算初始 height 和 width 没有给定大小的元素的值 div 元素。鉴于此 div 例如：

 <div>
  TEST
</div>

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

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

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

原文由 Flip 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

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

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

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

原文由 Josh Harrison 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

It has display: block so width is 100% , height is auto so it’s the size of whatever’s inside.

原文由 JordyvD 发布，翻译遵循 CC BY-SA 3.0 许可协议