% 分母依據的探討

% 分母的依據原則上有三類：

• 相對於【上一層同方向】的 % →

  有關寬度 / 高度，指的是可容納內容的有效範圍。 寬度width／高度height 的 % 相對於【上一層同方向】的寬度／高度，
  但上一層必須有固定高度喔！ position 的 left, right 設定 % 時，相對於上一層的寬度
  position 的 top, bottom 設定 % 時，相對於上一層的高度

• 相對於【上一層的寬度】的 % →

  margin 或 padding 的 % 相對於【上一層的寬度】

• 相對於【元素自己本身】的 % →

  transform 各種變形的 % 是相對於元素本身

測試練習：% 分母的依據？ 參考結果