css百分比值到底参考谁？

一、元素宽高设置百分比

（1）width / min-width / max-width 参考块级父元素的宽度

（2）height / min-height / max-height 参考块级父元素的高度

二、内外边距

padding和margin 默认在水平书写情况下，以块级父元素的宽度为参考，其他情况以块级父元素的高度为参考

三、定位

当元素使用position属性后，

（1）left、right属性百分比值参考块级父元素的宽度

（2）top、bottom属性百分比值参考块级父元素的高度

四、字体

参照父元素字体

五、行高

参照自身的字体大小

六、边框圆角

参考自身的宽度和高度

七、平移

translate时参考自身的宽度和高度

注意：只有计算值是可以继承的。所以，即使一个百分比值用于父属性，一个真正的值，比如具体像素宽度 的值，将访问继承的属性，而不是百分比的值

本文参考：https://www.cnblogs.com/shapeY/p/10199256.html