css - 怎么能

Question

我正在尝试在 an 周围创建一个边框，<H2>并且边框总是呈现比文本大得多的<h2>内容。任何地方都没有设置大小。H2包含一个25px字体大小的文本，让Chrome Developer Tools -> Metrics报告H2的大小为980x183，我可以明显看到这超出了右边的文本，一直向上越过文本到屏幕顶部，在文本的左侧很远。

那么，在没有设置大小的情况下，H2 元素的面积怎么会比文字大这么多呢？我可能需要为任何人提供更多上下文来回答这个问题，但似乎这个问题应该能够独立存在。

包含 H2 是 0px x 0px，这<div>也让我有点吃惊，但我已经用谷歌搜索了很多，不觉得这可能是相关的。

Answer 1

尝试添加 CSS：

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

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

Answer 2

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

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