CSS 中的 100%
TL;DR：
| 属性值 | 基于对象 |
|---|---|
| width | 父级宽度 |
| height | 父级高度 |
| top | 父级高度 |
| left | 父级宽度 |
| margin-top | 父级宽度 |
| margin-left | 父级宽度 |
| padding-top | 父级宽度 |
| padding-left | 父级宽度 |
| translate-top | 自身高度 |
| translate-left | 自身宽度 |
TL;DR：
| 属性值 | 基于对象 |
|---|---|
| width | 父级宽度 |
| height | 父级高度 |
| top | 父级高度 |
| left | 父级宽度 |
| margin-top | 父级宽度 |
| margin-left | 父级宽度 |
| padding-top | 父级宽度 |
| padding-left | 父级宽度 |
| translate-top | 自身高度 |
| translate-left | 自身宽度 |