★ position - static 静止定位 元素默认定位。

★ position - absolute 绝对定位

1、元素脱离文档流（原来的位置丢失）；

2、默认压住没有定位的元素；

3、left、top、bottom、right进行位置的调节，水平垂直设置一个方向即可；

4、相对于有定位的父元素进行定位，如果父元素没有定位，往上查找，直到body。

★ position - relative 相对定位

1、元素保留原有文档流中的位置；

2、默认压住没有定位的元素；

3、left、top、bottom、right 进行位置的调节，水平垂直设置一个方向即可；

4、相对于自己原来的位置进行偏移。

★ position - fixed 固定定位

1、元素脱离文档流（原来的位置丢失）；

2、默认压住没有定位的元素；

3、left、top、bottom、right 进行位置的调节，水平垂直设置一个方向即可；

4、相对于浏览器可视窗口进行定位。