css樣式的百分比總結

css樣式的百分比總結

相對於父元素寬度的：[max/min-]width、left、right、padding、margin 等；

相對於父元素高度的：[max/min-]height、top、bottom 等；

相對於繼承字號的：font-size 等；

相對於自身字號的：line-height 等；

相對於自身寬高的：border-radius、background-size、transform:translate()、transform-origin、zoom、clip-path 等；

特殊算法的：background-position（方向長度 / 該方向除背景圖以外部分總長度 * 100）、filter 系列函數等；

若是自身設置position:
position: absolute，「父元素」指：最近定位父級
position: fixed，「父元素」指視口。