TL;DR：
| 属性值 | 基于对象 |
|---|---|
| width | 父级宽度 |
| height | 父级高度 |
| top | 父级高度 |
| left | 父级宽度 |
| margin-top | 父级宽度 |
| margin-left | 父级宽度 |
| padding-top | 父级宽度 |
| padding-left | 父级宽度 |
| translate-top | 自身高度 |
| translate-left | 自身宽度 |
在 CSS 中，100% 代表什么？
TL;DR：
| 属性值 | 基于对象 |
|---|---|
| width | 父级宽度 |
| height | 父级高度 |
| top | 父级高度 |
| left | 父级宽度 |
| margin-top | 父级宽度 |
| margin-left | 父级宽度 |
| padding-top | 父级宽度 |
| padding-left | 父级宽度 |
| translate-top | 自身高度 |
| translate-left | 自身宽度 |