首先先看下line-height屬性可能的值：

簡單說可以分為帶單位的值（line-height:1.5em/line-height:150%/line-height:36px）和不帶單位的值（line-height:1.5）

下面分別演示兩者的區別：

一. 設置帶單位的，後代元素會繼承父元素計算後的值，如父級行高為36px，後代元素的行高都會繼承這個值，如果是“%或者em” 父級優先於font-size相乘得到這個數值，後代元素在繼承這個數值，例如：

<div style="line-height:150%;font-size:16px;background-colo:yellow;margin:0;">
 <span>第一行</span>
 <p style="margin:0;font-size:36px;">第二行</p>
</div>

　　效果如圖：

<div style="line-height:1.5;font-size:16px;background-colo:yellow;margin:0;">
 <span>第一行</span>
 <p style="margin:0;font-size:36px;">第二行</p>
</div>

　　效果如下：

設置line-height:150%和line-height:1.5的區別