1. 程式人生 > >css 各種百分比的指向

css 各種百分比的指向

相對於父級寬度的:

max-widthmin-widthwidthleftrighttext-indentpaddingmargingrid-template-columnsgrid-auto-columnscolumn-gap 等;

 

相對於父級高度的:

max-heightmin-heightheighttopbottomgrid-template-rowsgrid-auto-rowsrow-gap 等;

 

相對於自身寬高的:

border-radiusbackground-sizeborder-image-width

transform: translate()transform-originzoomclip-path 等;

 

相對於主軸長度的:

flex-basis 等;

 

相對於繼承字號的:

font-size 等;

 

相對於自身字號的:

line-height 等;

 

相對於行高的:

vertical-align 等;

 

如果自身設定 position: absolute,“父級”指:相對於離它最近的那個 position 不為 static 的祖先元素,如果沒有這樣的元素,則相對於視口

如果自身設定 position: fixed,“父級”指視口(父級不存在 transform 為非 none 值的情況下)。

 

歡迎關注、點贊