1、绝对定位:absolute
特性:
- 脱离文档流,不占整体布局的位置。
- 默认参照位置是为浏览器视窗左上角位置。
2、相对定位:relative
特性:
- 不脱离文档流。
- 默认参照物是这个元素初始位置。
3、固定定位:fixed
特性:
- 脱离文档流。
- 默认参照物为浏览器视窗位置。
4、坐标属性(非定位元素不起作用)——top、left、right、bottom、z-index
如果没有为元素设置position属性的话,即使设置了坐标属性,也是不起作用的。
如果元素设置了坐标属性top、left、right、bottom,则分别表示该元素距离参照物上、左、右、下的距离。
z-index
表示设置z轴。值为整数,默认是0,数值较大的在前方显示。