答案 0 :(得分：7)
这是因为div的字体大小决定了文本基线的位置，并且跨度放在该基线上。
增加div的字体大小会使基线上方和下方的距离更高。它是内部跨度的内容，它给出了元素的大小，所以它只是影响大小的基线上方的距离，而不是基线下面的距离，所以你会看到文本被压下，但是没有相应的文本下方的空间。
答案 1 :(得分：1)
这是因为您没有在样式表中定义height - 属性。默认值为height: auto。
答案 2 :(得分：1)
因为div上没有设置高度。
这意味着div将展开以适合其内容，在本例中为p元素。
如果您未指定高度，则默认为height:auto。
答案 3 :(得分：0)
您需要设置div高度，请参阅http://jsfiddle.net/VpeW8/
答案 4 :(得分：0)
因为线高是根据字体大小估算的。为了阻止div扩展以响应字体大小，在CSS中显式设置line-height属性。