Reduced test case here.我试图了解为什么会这样。如果我在<a>中有一个<h2>并在<body>或<h2>上设置行高，则链接高度大于<h2>。[更新以澄清]问题是.title a的计算高度为58px，而其父h2.title的计算高度为50px。我希望它们都具有相同的计算高度。 [/更新]我已经给了他们两个底线，以更好地说明问题。[更新2]我已阅读line-height spec尝试并理解这一点。根据我对规范的阅读，似乎块级元素a中的内联元素h2应该继承父行的高度。我已经在h2上以较大的行高编辑了示例here。给a一个inline-block的显示显然可以使它适合，但它仍然不能完全插入行，也不能完全删除行高（因此使用浏览器的默认行高1.2）。因此，这可能不是问题，我只是想了解一下行为。[更新3]我意识到，如果将line-height的a更改为大于h2，则h2框的整体高度（上面示例中为粉红色）确实会增加，因此从a继承line-height。令人困惑的是，链接高度（可单击区域）和边框底部位置没有更改，而h2上的边框底部随行高而移动。 (adsbygoogle = window.adsbygoogle || []).push({}); 最佳答案 我看不到你的问题。在您提供的链接中，绝对没有什么奇怪的。您在h2中有一个链接。因此，链接的字体大小将得到h2的字体大小。但是a并不比h2大。 (adsbygoogle = window.adsbygoogle || []).push({});
