<h2>大小如何大于文本，没有设置大小？</h2>

Question

我正在尝试在<H2>周围创建边框，并且边框始终比<h2>文本大得多。没有任何尺寸设置。 H2包含一个25px字体大小的文本句子，并让Chrome Developer Tools - ＆gt;度量标准报告H2的大小是980x183，我可以看到这个延伸到文本右侧，一直到文本到屏幕顶部，远远到左边文本。

因此，在没有设置大小的情况下，H2元素的面积如何比文本大得多？我可能需要为任何人提供更多的背景来回答这个问题，但似乎问题应该能够独立存在。

包含H2的<div>是0px x 0px，这也让我大吃一惊，但我已经搜索了很多，并且不觉得这可能是相关的。

Answer 1

尝试添加CSS：

 h2 { display: inline; padding:0;margin:0} 

h2元素显示为具有默认边距和填充的块

Answer 2

<h1>是块级元素，默认情况下会拉伸到其容器的整个宽度。这意味着h2 框和h2 文字的宽度不同。

我不确定您的具体情况，但您可能希望将display设置更改为inline或inline-block并尝试使用这些结果。