一、元素宽高设置百分比

(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