css 各種百分比的指向
阿新 • • 發佈：2018-11-11
相對於父級寬度的：
max-width、min-width、width、left、right、text-indent、padding、margin、grid-template-columns、grid-auto-columns、column-gap 等；
相對於父級高度的：
max-height、min-height、height、top、bottom、grid-template-rows、grid-auto-rows、row-gap 等；
相對於自身寬高的：
border-radius、background-size、border-image-width
transform: translate()、transform-origin、zoom、clip-path 等；
相對於主軸長度的：
flex-basis 等；
相對於繼承字號的：
font-size 等；
相對於自身字號的：
line-height 等；
相對於行高的：
vertical-align 等；
如果自身設定 position: absolute，“父級”指：相對於離它最近的那個 position 不為 static 的祖先元素，如果沒有這樣的元素，則相對於視口
如果自身設定 position: fixed，“父級”指視口（父級不存在 transform 為非 none 值的情況下）。
歡迎關注、點贊