相对定位：相对于原来的位置进行指定的偏移，仍在标准文档流中，原来的位置会被保留

/*
top,bottom,left,right:距离某方向偏移多少
比如top: -20px;距离顶部偏移-20px，就是向上移动20px
*/
div {
	position: relative;/*相对定位*/
	top: -20px;/*向上偏移20px*/
	left: 20px;
}

绝对定位：基于父级元素或浏览器定位，不在标准文档流中，原来的位置不会被保留

1、没有父级元素定位的前提下，相对于浏览器定位

div {
	position: absolute;/*绝对定位*/
	top: -20px;/*向上偏移20px*/
	left: 20px;
}

2、父级元素存在定位，相对于父级元素偏移（父级为相对定位）

#father {
	position: relative;/*相对定位*/
}
div {
	position: absolute;/*绝对定位*/
	top: -20px;/*向上偏移20px*/
	left: 20px;
}

固定定位：固定在页面某处，永远不会改变位置

/*
top,bottom,left,right:距离某方向偏移多少
比如top: -20px;距离顶部偏移-20px，就是向上移动20px
*/
div {
	position: fixed;/*固定定位*/
	top: -20px;/*向上偏移20px*/
	left: 20px;
}