line-height,顧名思義指一行文字高度，具體是指兩行文字基線的距離。

在css中，起高度作用的不是height就是line-height！在一個有文字的div中沒有定高度，之前一直以為是字體把div撐開了，后來使用多后才發現其實并不是字體撐開div,而是line-height,因為div的文字都有默認的line-height，可以嘗試去把line-height設置為0，這時如果div設置一個邊框，div成了一條直線，細心的還會發現這條線是在文字的中線位置。

那么為什么line-height會產生高度呢，在inline  box模型中，其實有個line boxes，它的工作就是包裹每行文字，一行文字一個line boxes，當然如果這行文字還包括圖片，span之類的inline屬性標簽，它就會取其中line-height最高的作為自己的高度。

以上是本人參考這篇文章對line-height的一些更深層的理解

http://www.zhangxinxu.com/wordpress/2009/11/css%E8%A1%8C%E9%AB%98line-height%E7%9A%84%E4%B8%80%E4%BA%9B%E6%B7%B1%E5%85%A5%E7%90%86%E8%A7%A3%E5%8F%8A%E5%BA%94%E7%94%A8/