css中百分比的值为什么会当做是有单位的？

Question

比如说：父元素设定了line-height:150%，子元素就不会继承150%这个值，而是会把它换成成具体的数值进行继承，并不会把他当成一个换算比率进行继承。

Answer 1

有单位的会计算当前区域的高度然后再来渲染。而没有单位的就不会，以顶级document为对象计算

https://developer.mozilla.org/en-US/docs/Web/CSS/line-height

把最下面的那个例子:box green与box　red的测试一下你就知道了

Answer 2

搜索了一下，知乎的这个应该能回答你为什么，我也学习了：http://www.zhihu.com/question/20394889