相對於父元素寬度的: [max/min-]width、left、right、padding、margin 等;算法
相對於父元素高度的: [max/min-]height、top、bottom 等;函數
另外padding-top,padding-bottom,margin-top,margin-bottom 這幾個百分比,都是相對自身的寬度計算的orm
相對於繼承字號的: font-size 等;繼承
相對於自身字號的: line-height 等;ip
相對於自身寬高的: border-radius、background-size、transform: translate()、transform-origin、zoom、clip-path 等;文檔
特殊算法的: background-position(方向長度 / 該方向除背景圖以外部分總長度 * 100)、 filter 系列函數等;it
若是自身設置 position: absolute,「父元素」指:破壞文檔流的div高度設爲百分比是相對誰而言的? - Boringer 的回答 若是 position: fixed,「父元素」指視口。io