1、绝对定位：脱离原来位置，进行定位
最近的有定位的父级进行定位，如果没有，那么相对于文档定位
距离左侧100，距离上边100
div{
position:absolute;
left:100px
top:100px
}
bottom： 底部
right:右部
2、相对定位：保留原来位置进行定位
相对于原来的位置进行定位
div{
position:relative;
left:100px
top:100px
}
3、固定定位：滚动条怎么动，弹框都不动
div{
position:fixed;
left:100px
top:100px
}
适用场景：
用relative作用参照，用absolute进行定位