css line-height 属性如何继承(设置成100%比时候有坑)

       

 body {
        font-size: 20px;
        line-height: 200%;
      }

 p {
     font-size: 16px;
     background: pink;
    }

1. 写具体的数值，如30px，则继承该值（比较好理解）

2. 写比例，如2/15，则继承该比例（比较好理解）

3. 写百分比，如200%。则继承计算出来的值 （这个时候有坑，也是经典面试题）

• 当body line-height 设置成 30px事，p的高度会是30px（p标签高度24px）
• 当body line-height 设置成 1.5时候 16*1.5 = 24px （p标签高度24px）
• 当body line-height 设置成  200%时候, 是拿body的font-size,  20 *200%=40px ，（p标签高度40px）