使用定位的步骤
1、设置定位方式
属性名:position
常见属性值:
| 定位方式 | 属性值 | 
|---|---|
| 静态定位 | static | 
| 相对定位 | relative | 
| 绝对定位 | absolute | 
| 固定定位 | fixed | 
2、设置偏移量
偏移值设置分为两个方向,水平和垂直方向各选一个使用即可
选取的原则一般是就近原则(离那边近用哪个)
| 方向 | 属性名 | 属性值 | 含义 | 
|---|---|---|---|
| 水平 | left | 数字+px | 距离左边的距离 | 
| 水平 | right | 数字+px | 距离右边的距离 | 
| 垂直 | top | 数字+px | 距离上边的距离 | 
| 垂直 | bottom | 数字+px | 距离下边的距离 | 
B)有父元素且父元素有定位,父元素