前端进阶Html+css10----定位的参照对象（高频面试题）

1.relative的参照对象
1）元素按照标准流进行排布；
2）定位参照对象是元素自己原来的位置，可以通过left、right、top、bottom来进行位置调整；

2.absolute（子绝父相）
1）元素脱离标准流（脱标）
2）定位参照对象是最近一级拥有定位的祖先元素，可以通过left、right、top、bottom来进行位置调整
3）如果一直往上层元素找不到有定位的元素，那么最终的参照对象为视口

在绝大数情况下，子元素的绝对定位都是相对于父元素进行定位
如果希望子元素相对于父元素进行定位，又不希望父元素脱标，常用解决方案是： 父元素设置position:
relative（让父元素成为定位元素，而且父元素不脱离标准流） 子元素设置position: absolute 简称为“子绝父相

2.fixed
1）元素脱离标准流（脱标）
2）定位参照对象是视口（viewport），可以通过left、right、top、bottom来进行位置调整
3）当画布滚动时，元素的位置是固定不动的

总结：