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

在css中，起高度作用的不是height就是line-height！在一個(gè)有文字的div中沒有定高度，之前一直以為是字體把div撐開了，后來使用多后才發(fā)現(xiàn)其實(shí)并不是字體撐開div,而是line-height,因?yàn)閐iv的文字都有默認(rèn)的line-height，可以嘗試去把line-height設(shè)置為0，這時(shí)如果div設(shè)置一個(gè)邊框，div成了一條直線，細(xì)心的還會(huì)發(fā)現(xiàn)這條線是在文字的中線位置。

那么為什么line-height會(huì)產(chǎn)生高度呢，在inline  box模型中，其實(shí)有個(gè)line boxes，它的工作就是包裹每行文字，一行文字一個(gè)line boxes，當(dāng)然如果這行文字還包括圖片，span之類的inline屬性標(biāo)簽，它就會(huì)取其中l(wèi)ine-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/