静态定位 static 就是元素默认的样子，跟着文档流走，电商页面里的商品描述文本用它就够了。

相对定位 relative 是 “自身偏移”，不脱离文档流，给父元素加这个，子元素的绝对定位才有参照物，比如商品卡片的父容器就可以这么设。

绝对定位 absolute 直接脱离文档流，相对于最近的已定位祖先元素，做悬浮的 “加入购物车” 按钮超好用。

固定定位 fixed 是相对于浏览器窗口，电商网站的顶部导航栏用它，滑动页面也不会跑，巨实用！

粘性定位 sticky 是 relative 和 fixed 的结合体，滚动到指定位置就固定，侧边分类栏安排上，体验感直接拉满。