css样式的百分比都相对于谁？

margin、padding、border、width、height、position等等一些可以用百分比的样式，都相对于谁，父级？自身？还是窗口？

1、相对于父元素宽度的：

[max/min-]width、left、right、text-indent、padding、margin 等；

2、相对于父元素高度的：

[max/min-]height、top、bottom 等；

3、相对于主轴长度的：

flex-basis 等；

4、相对于继承字号的：

font-size 等；

 5、相对于自身字号的：

line-height 等；

 6、相对于自身宽高的：

   border-radius、background-size、border-image-width、transform: translate()、transform-origin、zoom、clip-path 等；

7、相对于行高的：

vertical-align 等；

文章来源：知乎：