1、相对定位
参考点:自己
position:relative;
top:10px;
bottom:20px;
left:30px;
right:40px;
原先自己的位置还是被自己霸占
2、绝对定位
参考点:相对定位过的父级(<body>)
position:absolute;
top:10px;
bottom:20px;
left:30px;
right:40px;
改变元素的层级关系(这个元素必须要经过定位)
z-index:1;
3、固定定位
position:fixed;
top:10px;
bottom:20px;
left:30px;
right:40px;