为什么px中的行高设置受父级字体大小的影响？

Question

我已经做了这个例子：http://codepen.io/tomsoderlund/pen/JYJpPR来演示。

我上使用父（.canvas）设置font-size（= 1个EM的大小）：

$('.canvas').css('font-size', emSize + 'px'); 

两者font-size和line-height在像素被设置。 font-size（正确）不是受父母的em尺寸影响，但line-height是 - 为什么？

Answer 1

行高仅适用于块级元素。你必须添加显示：块到你的范围。

在块级元素上，line-height属性指定元素内线框的最小高度。

对于非替换内联元素，line-height指定用于计算线框高度的高度。在替换内联元素（如按钮或其他输入元素）时，行高无效。

MDN line-height