本文详细解释了CSS中的三种定位方式：relative（相对定位），元素依据标准流；absolute（绝对定位），子元素相对于最近的定位祖先；fixed（固定定位），元素相对于视口。介绍了子绝父相策略以及fixed元素在滚动时的固定特性。
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）当画布滚动时，元素的位置是固定不动的
总结：
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
