position:
static:静态布局
absolute:绝对定位:
特点:
1.默认脱离文档流
2.不保留定位前空间
3.默认情况下,绝对定位元素根据body左上角进行定位
4.当父元素具有定位属性时,子元素根据父元素左上角进行定位在这里插入代码片
relative:相对定位
特点:
1.根据元素本身所在的位置进行定位
2.不脱离默认文档流
3.保留定位前空间
fixed:固定定位
特点和绝对定位相似
使用了固定定位的元素,不会随着滚动条的滚动而滚动
sticky:粘滞定位
relative+fixed
配合属性:
left
top
right
bottom