css定位哪几种方式

css定位有哪几种

1.position:static;默认值
2.position: absolute;绝对定位
3.position:relative;相对定位
4.position:fixed;固定定位
5.position:sticky;粘性定位

特征
position:static;
默认值，设置坐标无效

     position: absolute;
    1：脱离文档流，占位置
    2：默认参考(html的00点浏览器零点)
    3：如果有父级，且父级有定位，那就参考父级元素
         
    position:relative;
      1：占据文档流，占位置
      2：参考自身加载在页面中的位置
      
    position:fixed:
    1：脱离文档流，不占位
    2：元素固定在页面中不随着页面滚动而滚动
    3：参考浏览器的00点
   
   position:sticky:粘性定位
    1：页面达到一定高度时，脱离文本流
    2：效果是吸附浏览器顶部

absolute 和 relative的区别
  1：是否占据文档流，absolute不占据，relative占据
  2：参考物不同，absolute参考html,relative参考自身
  加载到页面的位置