行高line-height的继承

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/Sukla/article/details/80918418

1、line-height:1.5 

body{
font-size:40px;
line-height:1.5;
}
p{
font-size:20px;
}

此时页面上的 p 原素的行高是 1.5*20px=30px;

2、line-height:150%，

body{
font-size:40px;
line-height:150%;
}
p{
font-size:20px;
}

此时 p 元素的行高是 body 计算之后的 150%*40px=60px;

3、line-height:1.5em，

body{
font-size:40px;
line-height:1.5em;
}
p{
font-size:20px;
}

此时 p 元素的行高是 body 计算之后的 1.5*40px=60px;