先上結論：

1. 數字的時候，子元素的行高 = 子元素的字型大小 * 數字
2. 百分比和em單位時，子元素的行高 = 父元素的字型大小 * 百分比（或者em單位的值）

1、百分比

程式碼：

<div style="line-height:150%;font-size:16px;width:300px">
    父元素內容 
    <div style="font-size:30px;">
    line-height行高問題
    </div>
</div>

結果：

2、數字

<div style="line-height:1.5;font-size:16px;width:300px"
 
>
    父元素內容 
    <div style="font-size:30px;">
    line-height行高問題
    </div>
</div>

3、單位為em

程式碼：

<div style="line-height:1.5em;font-size:16px;width:300px">
    父元素內容 
    <div style="font-size:30px;">
    line-height行高問題
    </div>
</div>

結果：