line-height: 2; 和 line-height: 200%; 有什么区别?

line-height 是一个用来设置元素文本行高的 CSS 属性。它可以是一个数字，表示相对于当前字体尺寸的倍数，例如 line-height: 2; 表示文本行高是当前字体尺寸的两倍。它也可以是一个百分比，表示相对于父元素字体尺寸的百分比，例如 line-height: 200%; 表示文本行高是父元素字体尺寸的两倍。

所以，line-height: 2; 和 line-height: 200%; 的区别在于它们所相对的基准不同。前者相对于当前元素的字体尺寸，而后者相对于父元素的字体尺寸。因此，如果当前元素的字体尺寸和父元素的字体尺寸不同，那么这两个值的实际行高也会有所不同。