css中的定位总结

序号 定位模式 是否脱标 移动位置
1.static（静态定位）不脱标 不能使用边偏移 很少使用
2.relative（相对定位）不脱标 相对于自身位置偏移 常用
3.absolute（绝对定位）脱标 相对于带有定位的父级或者body 常用
4.fixed（固定定位）脱标 相对于游览器的可视区 常用 固定定位可以看作是一种特殊的绝对定位
5.sticky（粘性定位）不脱标 相对于游览器的可视区 当前阶段比较少使用

一般使用的是相对定位和绝对定位相结合的定位方式，父级用相对定位，不会脱离标准流，占有原有的位置（如果脱离标准流的话，会导致塌陷，使其下面的元素会贴上去）子级用绝对定位，相对父亲来定位，俗称“子绝父相”