css font: 14px/20px 是什么意思?

Question

这种情况以前从来没遇到过
在框架中带了一个这样的属性 font: 400 14px/20px Roboto, sans-serif
我给中间的 div 定义了一个特别大的字体, 那么中间的字体就和别的字体重叠了, div高度就不会随着字体大小增高, 确定就是这个属性导致的重叠的

另外这个 14px/20px 是什么意思没看太懂, , 这样定义字体大小的作用是什么? 它到底是生效 14px还是20px?

<div>标题1</div>
<div>标题1</div>
<div style="font-size: 40px;">标题1</div>
<div>标题1</div>
<div>标题1</div>

Answer 1

font-size: 14px;
line-height: 20px;

文档

Answer 2

https://developer.mozilla.org...

font: font-size/line-height

Answer 3

好吧 原来那个属性是行高.. 因为行高写死了所以超出后div不会变高