% 分母依據的探討
% 分母的依據原則上有三類:
-
相對於【上一層同方向】的 % →
有關寬度 / 高度,指的是可容納內容的有效範圍。 寬度width/高度height 的 % 相對於【上一層同方向】的寬度/高度,
但上一層必須有固定高度喔! position 的 left, right 設定 % 時,相對於上一層的寬度
position 的 top, bottom 設定 % 時,相對於上一層的高度 -
相對於【上一層的寬度】的 % →
margin 或 padding 的 % 相對於【上一層的寬度】
-
相對於【元素自己本身】的 % →
transform 各種變形的 % 是相對於元素本身