qq_46302247的博客

参考：https://blog.youkuaiyun.com/qq_45904018/article/details/126127191。

这就是继承计算的结果，如果父元素的line-height有单位（px、%）,那么继承的值则是换算后的一个具体的px级别的值；上例p得到的是10px*150%=15px的行高，而P的字体大小为30px，所以发生了重叠。而如果属性值没有单位，则浏览器会直接继承这个“因子（数值）”，而非计算后的具体值，此时它的line-height会根据本身的font-size值重新计算得到新的line-height 值。line-height行高是可继承的，但并不是简单的copy父元素行高，继承的是计算得来的值。

3、absolute：生成绝对定位的元素，相对于static定位以外的第一个父元素进行定位。区别：定位为relative的元素脱离正常的文本流中，但其在文本流中的位置依然存在，而定位为absolute的层脱离正常文本流，但与relative的区别是其在正常流中的位置不在存在。2、relative：生成相对定位的元素，通过top,bottom,left,right的设置相对于其正常位置进行定位。定位为absolute的层脱离正常文本流，但与relative的区别是其在正常流中的位置不在存在。

【代码】css 栅格布局（xs，sm，md，lg，xl）

【代码】通过css设置img图片任意长宽比例(aspect-ratio)