# line-height
說一下下面三種情況，p的line-height分別是多少？
1.```<div class="box"> <p></p></div>
<style>.box { font-size:30px; line-height:40px;}p{ font-size:12px;}</style>```答案：
```
40px
```
解析：
> 直接繼承 父元素的lineheight，所以為 40px
2.
```<div class="box"> <p></p></div>
<style>.box { font-size:30px; line-height:2;}p{ font-size:12px;}</style>```答案：
```
24px
```
解析：
> 父元素的lineheight是比例，這種是自身的font-size乘比例就是自身line-height
12*2 = 24
3.
```<div class="box"> <p></p></div>
<style>.box { font-size:30px; line-height:200%;}p{ font-size:20px;}</style>```答案：
```
60px
```
解析：
> 父元素的lineheight是百分比的最特殊，這種是父元素的font-size乘父元素line-height
30*200% = 60，子元素p直接繼承父元素line-height 60px
不積跬步無以至千裡，你的付出不會被辜負，前端路一起加油。掃碼回復資料可以領100g前端資料，也可回復加群，加入交流群。
另有github每日更新精選面試題歡迎star https://github.com/qdleader/qdleader