相对定位与绝对定位

position: relative;相对定位

1、原位置保留占位
2、相对定位就是左上角相对于原有位置定位

父容器与子容器的定位关系

1、如果父容器有定位
子元素是绝对定位就会相对父容器定位。
2、 如果父容器没有定位
子元素是绝对定位就会向上一级继续查找它的父容器谁有定位，就会相对定位
如果没有找到，就相对页面定位

position:absolute; 绝对定位

1、绝对定位时，如果没有宽高，设置上下左右为0，这时候就会把元素拉大到铺满相对父容器（父容器是定位的，否则仍然铺满整屏）
2、 如果绝对定位有宽高，并且，上下左右都是0，并且设置margin:auto，自动块元素水平垂直居中
3、如果需要设置某元素做绝对定位，一定要让其父元素做相对定位

---

小白一枚，不足之处多多指教