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

Question

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

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

如果增加div 中类.p 的字体大小，div 的高度也会增加，这是为什么？

Answer 1

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

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