1)作用
设置元素定位
2)属性值
static 默认值 没有定位,静态定位
relative 相对定位
相对于自己原位置定位,定位后原位置保留
配合left,top,right,bottom移动(当四个属性同时存在,left和top的优先级比right和bottom高)
取正值,元素往右下走,取负值,元素往左上走
应用场景:
自己小范围移动
配合绝对定位使用
absolute绝对定位
相对于已经定位(relative,absolate,fixed )的父元素定位,如果没有定位,逐级往上找,最后相对于body定位
定位后原位置不保留
配合left,top,right,bottom移动(当四个属性同时存在,left和top的优先级比right和bottom高)
应用场景:
形成独立的一层
建议:给父元素加一个相对定位
fixed固定定位
相对于浏览器窗口定位
定位后原位置不保留
配合left,top,right,bottom移动(当四个属性同时存在,left和top的优先级比right和bottom高)
应用场景:
固定在页面某个位置