html - 字体大小影响块元素的高度？

Question

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

最好只是告诉你我的意思，看看这个例子小提琴

如果你增加div里面class的字体大小.p，div的高度也会增加，这是为什么呢？

score 8 · Accepted Answer

这是因为 div 的字体大小决定了文本的基线在哪里，而 span 放置在该基线上。

增加 div 的字体大小会使基线上方和下方的距离更高。是 span 里面的内容给出了元素的大小，所以只有基线以上的距离会影响大小，而不是基线以下的距离，所以你会看到文本被下推，但没有对应的文本下方的空间。

score 1 · Accepted Answer

1

这是因为您没有height在样式表中定义 -property。默认为height: auto。

于 2012-08-09T13:23:08.913 回答

score 1 · Accepted Answer

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

这意味着 div 将扩展以适应其内容，在本例中为p元素。

如果您不指定高度，它将默认为height:auto.

score 0 · Accepted Answer

0

您需要设置 div 高度，请参阅http://jsfiddle.net/VpeW8/

于 2012-08-09T13:27:02.637 回答

score 0 · Accepted Answer

因为行高是根据字体大小估算的。为了阻止 div 响应字体大小而扩展，在 CSS 中显式设置 line-height 属性。

5 回答 5