1. 程式人生 > >100%參考點總結

100%參考點總結

post osi -s 百分比 idt 自身 放大 IT adding


width,height 百分比參考點 為其父元素的寬高

絕對定位position: absolute元素; 其width,height,left,right,top,bottom屬性百分比參考點為其位移參考點,即離其最近一個具有定位屬性的父元素的width,height。
固定定位position: fixed元素; 其width,height,left,right,top,bottom屬性百分比參考點為屏幕的寬高

padding marging 百分比參考點 為其父元素的width

浮動元素的width和height 百分比參考點為其父元素

translate屬性的百分比值 是以元素自身的寬高為參考點

background-size 百分比值 是是以元素的寬高為參考點 設置一個值時,另一個值自動縮放

background-position 百分比是根據 (元素的寬度/高度-背景圖片的寬度/高度)*百分比 來計算的,所以當background-size:cover時,設置background-position:50% 50% 則是將背景以中心為基準放大。

100%參考點總結