在CSS中经常用到百分比来设置大小，而不同属性在设置百分比时的参考对象不同。以下是比较常见的元素的百分比：
| 属性 | 百分比的参考对象 |
|---|---|
| width | 父级的width |
| height | 父级的height |
| margin(top,right,bottom,left) | 父级的width |
| padding(top,right,bottom,left) | 父级的width |
| position为absolute时的left,top,right,bottom | 父元素的width,height,width,height |
| position为relative时的left,top,right,bottom | 自身的width,height,width,height |
| font-size | 父元素的font-size |
| line-height | 自身的font-size |
| transform(left,top) | 自身的width,height |
