line-height内容区域的一些疑问

Question

这个计算出来的高度决定了 HTML 元素的 content-area（内容区域），后面我会讲到 content-area。你可以认为 content-area 就是 background 作用的区域。
对于内联元素，padding 和 border 会增大 background 区域，但是不会增大 content-area（不是 line-box 的高度）。一般来说你无法再屏幕上看到 content-area。margin-top 和 margin-bottom 对两者都没有影响。
对于可替换内联元素（replaced inline elements）、inline-block 元素和 blockified 内联元素，padding、margin 和 border 会增大 height（译者注：注意 margin），因此会影响 content-area 和 line-box 的高度

上面第一段说content-area 就是 background 作用的区域，但是对于内联元素增加了background不是内容区域了，这两者是不是矛盾了？

文章链接

Answer 1

首先赞一下你读的很仔细。

看了一下文章，关于这个问题，我最先看到的时候也很疑惑。不过这是一篇译文嘛，所以我就去翻了一下原文，原文里这里有注释的：

it’s not strictly true

所以，这个只是文章前半部分为了让读者快速对context-area有个了解的一种不严格的说法。所以后面出现一些矛盾也是正常的。

所以，大致阅读的话可以看译文，如果要仔细研究，还是推荐看原文。

BTW，这篇文章写的太好了，收藏了。感谢让我知道这么好的一篇文章。