css相对定位与绝对定位的特征和用法

一：特征
相对定位：relative
1: 占据文档流,占位置
2: 参考自身加载在页面中的位置
绝对定位：absolute
1:脱离文档流,不占位置
2: 默认参考html的00点(浏览器零点)
3: 如果有父级,且父级有定位,那就参考父级元素(默认定位除外) 相当于给子元素指定了参考物

二:用法：
相对定位：
1：相对位置的坐标参考系是以自己上一次的位置，也就是它自己本身
2：一般会给父元素相对定位，子元素绝对定位
绝对定位：
1：绝对定位是相对于元素最近的已定位的祖先元素，如果元素的祖先元素没有定位，那么它的位置就是相对于最初的包含块（也就是body）