%(CSS)
%
相對值
參照
母元素
視其母元素為100%
What does 100% mean in CSS?
%的使用情境
height
或
width
參考基準點是母元素的對應屬性
似乎相當直覺
height: 50%
是母元素高度的一半
width: 25%
是母元素寬度的四分之一
margin
與
padding
參照的都是母元素的寬度
不是依據方向決定取用高度或寬度
transform
裡的translate
參照的是元素自身的寬度或高度
transform: translate(0%, 100%)
向下移動等同元素自身高度的距離
置中(CSS)