Html 字体大小影响块元素'；她身高多少？

块元素的高度受内容字体大小的影响，对吗

最好让你明白我的意思，看看这个例子

---

如果在div中增加类

.p

的字体大小，div的高度也会增加，这是为什么呢？

这是因为您没有在样式表中定义

height

-属性。默认值为

高度：自动

，因为您在div上没有设置高度。

这意味着div将展开以适应其内容，在本例中是

p

元素

---

如果不指定高度，它将默认为

height:auto

您需要设置div height，请参见，这是因为div的字体大小决定文本的基线位置，而跨距放置在该基线上

---

增加div的字体大小会使基线上方和下方的距离变长。给出元素大小的是内部跨距的内容，因此影响大小的只是基线上方的距离，而不是基线下方的距离，因此您将看到文本被向下推，但文本下方没有相应的空间。

，因为行高是根据字体大小估计的。为了阻止div根据字体大小进行扩展，请在CSS中显式设置lineheight属性

但是没有任何元素受到类名div字体大小的影响。指定div的高度不会阻止文本上方的空格，它只会在该高度剪裁文本。指定div的高度不会阻止文本上方的空格，它只会在那个高度剪切文本。@Guffa:上面的空格有什么用？问题是为什么高度会变化，原因是高度没有定义。。。这个高度是由什么占据的肯定是一个完全不同的问题？@Guffa:啊，我明白你的意思，如果你将

p

类的字体大小增加到33px以上，那么div会变大，但字体不会改变。我曾尝试更改该值，但不够高，因此我发现唯一起作用的字体大小是更改文本的字体大小。这一差距越来越大，是因为

font size:33px

上方的

行高不能再
19px
。所以线的高度在增加，盒子的高度也随之增加。线的高度会改变吗？为什么？为div指定一个高度并不会阻止文本上方的空格，它只会在该高度剪切文本。哦，谢谢。如果有一些关于此的文档。例如，在w3文档中，字体大小如何决定基线？@SKing7：字体大小设置文本高度，但行高限制它。将一些字符放在跨距之外，看看字体大小和行距如何影响它们：行距限制了增加，但为什么高度仍然增加了一点？@SKing7:外部元素的行距限制了其文本高度，但内部元素的行距不同，因此，它的文本高度可以更高，并影响外部元素的大小。我认为这是一个更好的小提琴，因为我认为它显示了您正在谈论的变化。希望这能让人们更清楚地知道你在谈论什么样的变化和调整大小。是的，它更直观地描述了这个问题。谢谢