font-size - 将 line-height 设置为 font-size 会导致 line-height 急剧增加

Question

我的印象是行高会略大于字体大小（大约 20%）。相反，我看到的是我必须将行高设置为低于字体大小才能获得合理的行高。

我需要手动设置行高以进行布局。我究竟做错了什么？

当字体大小和行高相同时，这是jsfiddle显示巨大的行高。

如果小提琴出现故障：

HTML：

<h2>Contact Me</h2>
<p>You can Contact Me at sample@smaple.com or use the contact form below:</p>

CSS：

h2 {
    font-size:2em;
    line-height:2em;
    float: left;
    background-color:red;
}
p {
    background-color:yellow;
    font-size:2em;
    line-height:2em;
}