HTML中如何通过定位进行布局？各有什么特点？

定位布局
position:
static:静态布局
absolute:绝对定位
特点：
1.脱离默认文档流
2.不占据定位前空间
3.默认情况下，绝对定位元素根据body元素左上角进行定位
4.当父元素具有定位属性时，子定位元素根据父元素左上角进行定位
relative:相对定位
特点：
1.默认情况下，元素根据元素本身的位置进行定位
2.不脱离默认文档流
3.占据定位前空间
fixed:固定定位
特点和绝对定位相似
使用了固定定位的元素，不会随着滚动条的滚动而滚动
sticky:粘滞定位
relative+fixed
元素在到达固定点之前，使用relative定位，在到达固定点之后，使用fixed定位
配合属性： 通过配合属性来定元素的位置
top
left
right
bottom