4/15/line-height 的取值问题

[ChenPt]

根据MDN line-height的取值可以分为4种

1. normal 取决于用户使用的浏览器，一般默认值为 1.2 ，取决于元素所使用的字体
2. number 使用这个无单位的数字乘于该元素自身的字体大小计算得出值。
3. length 可以有各种单位值（em, px 等等）
4. percentage 百分比，使用该百分比值乘于元素的字体大小得出

在为一个没有继承的元素设定line-height值的时候, line-height为1.5, 150%, 1.5em效果都是一样的。 而在继承情况下，就需要区分这三者的区别了。

number：从父元素那继承得到一个number类型的line-height值，然后再根据自身的font-size来计算得到自己的line-height值 percentage & em： 父元素根据自身的font-size计算得到一个line-height值然后继承给它的子元素，所有子元素的line-height值都是固定的。

呃..github输入不支持iframe标签 。demo在这->JSfiddle