程式碼：<div> 父元素內容 <div> Web前端開發<br /> line-height行高問題 </div></div>下圖是當line-height:150%的效果，父元素的行高為150%時，會根據父元素的字型大小先計算出行高值然後再讓子元素繼承。所以當line-height:150%時，字元素的行高等於16px * 150% = 24px：下圖是當line-height:1.5em的效果，父元素的行高為150%時，會根據父元素的字型大小先計算出行高值然後再讓子元素繼承。所以當line-height:1.5em時，子元素的行高等於16px * 1.5em = 24px：下圖是當line-height:1.5的效果，父元素行高為1.5時，會根據子元素的字型大小動態計算出行高值讓子元素繼承。所以，當line-height:1.5時，子元素行高等於30px * 1.5 = 45px：

font-size實際上設定的是字型的高度, 原因很簡單為了保證CSS的視覺效果, 我們都知道字型型別可以透過font-family設定, 而不同的字型實際顯示樣式是不一樣的, 為了保證效果, 所以font-size設定的是高度, 便於不同字型在一起, 保持高度相同, 寬度就無所謂了

(有時間多鞏固下CSS基礎哈)