定位的用处

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高)

应用场景:

固定在页面某个位置

猜你喜欢

转载自blog.csdn.net/m0_51281306/article/details/120348512