line-height详解

为 length 时

子元素直接继承

为 number 时

显式设置行高的元素以自身字体大小计算行高，子元素继承number然后根据子元素自身字体大小计算子元素行高

为 em时

em 为 font-size 的单位时，相对于父元素字体大小

em 为其它属性的单位时, 相对于自身字体大小

为 % 时

总结：

line-height 为 number时，父元素根据自身字体大小计算行高，子元素首先继承number的值再根据自身字体大小计算行高。

line-height 为 em 和 % 时，父元素根据自身字体大小计算出行高的值，子元素继承这个被计算出来的值。

所以说显式设置行高的元素均以自身字体大小来计算行高，

区别在于行高的继承性，未显式设置 行高大小 元素的行高是多少

所以讨论的情况是，父元素显式设置行高而子元素未显式设置行高

父元素的行高时 px 时， 直接继承

父元素的行高是em 和 % 时，父元素根据自身字体大小计算出行高，子元素直接继承计算出的行高

父元素的行高是number 时，子元素只继承这个number ，然后子元素根据自身字体大小计算出自身行高