css定位详解

css定位有四种不同类型
position值分别为： relative，static，absolute，fixed
首先是relative: 相对定位
特征:
1: 占据文档流,占位置
2: 参考自身加载在页面中的位置
解释：相对定位的偏移参考元素是元素本身，不会使元素脱离文档流，常常作为绝对定位元素的父元素

其次是absolute：绝对定位
特征:
1:脱离文档流,不占位置
2: 默认参考html的00点(浏览器零点)
3: 如果有父级,且父级有定位,那就参考父级元素(默认定位除外) 相当于给子元素指定了参考物，如果绝对定位元素的父辈元素中没有采用定位的，那么此绝对定位元素的参考对象是html

其次是 fixed: 固定定位
特征:
1: 脱离文档流,不占位
2: 元素固定在页面中不随着页面滚动而滚动
3: 参考浏览器的00点

最后是 sticky: 粘性定位
特征:
1: 页面达到一定高度时,脱离文档流
2: 效果是吸附浏览器顶部