[TOC]
相对于父元素宽度的：
[max/min-]width、left、right、text-indent、padding、margin 等；
相对于父元素高度的：
[max/min-]height、top、bottom 等；
相对于主轴长度的：
flex-basis 等；
相对于继承字号的：
font-size 等；
相对于自身字号的：
line-height 等；
相对于自身宽高的：
border-radius、background-size、border-image-width、transform: translate()、transform-origin、zoom、clip-path 等；
相对于行高的：
vertical-align 等；
特殊算法的：background-position （方向长度 / 该方向除背景图之外部分总长度）、border-image-slice （相对于图片尺寸）、filter 系列函数等；
破坏文档流的div高度设为百分比是相对谁而言的
- 如果自身设置 position: absolute的div中宽、高百分比是相对于离它最近的那个 position 不为 static 的祖先元素，如果没有这样的元素，则相对于视口。
- 如果 position: fixed：百分比是相对于视口