1、相对定位
参考点:自己(原先自己的位置还是被自己霸占了)
position:relative;
top:10px;
bottom:20px;
left:30px;
right:40px;
2、绝对定位
参考点:已经相对定位过的父级(<body>)
position:absolute;
top:
bottom:
left:
right:
改变元素的层级关系(这个元素必须要经过定位)
z-index:1;
3、固定定位
position:fixed;
top:
left:
right:
bottom:
小结:学了3种定位,内容简单,但用起来繁琐,需多练习。