line-height如何继承?

案例一如下

`body {

​ font-size: 20px;

​ line-height: 50px;

}

p {

font-size:16px;

}

这是一行文字

这时候p标签是50px

`

案例二如下

`body {

​ font-size: 20px;

​ line-height: 1.5;

}

p {

font-size:16px;

}

这是一行文字

这时候p标签是24px

怎么来的呢?

就是1.5*16拿到的

`

案例三

`body {

​ font-size: 20px;

​ line-height: 200%;

}

p {

font-size:16px;

}

这是一行文字

这时候p标签是40px

怎么来的呢?

就是20*200%拿到的,这个地方是先算完之后在去继承的,这里就是这个百分比坑

`