css中绝对定位的参照物是谁

在CSS中，绝对定位是一种非常有用的定位方法，它可以将元素完全脱离文档流，并且可以使用top、bottom、left、right属性将元素定位到父元素或者页面的某个位置。

在进行绝对定位时，需要指定元素相对于哪个元素进行定位，这个元素被称为“参照物”，或者“定位的基准点”。

参照物可以是以下三种形式之一：

1. 父元素
2. 祖先元素
3. 带有固定定位、绝对定位或粘性定位的元素

若定位的元素是父元素，则使用相对定位定位父元素，然后使用绝对定位将子元素定位在父元素中。

.parent {
  position: relative;
}
.child {
  position: absolute;
  top: 10px;
  left: 10px;
}

若定位的元素是祖先元素，则使用相对定位定位祖先元素，在祖先元素中再使用绝对定位将子元素定位在祖先元素中。

.ancestor {
  position: relative;
}
.parent {
  position: absolute;
  top: 50%;
  left: 50%;
}
.child {
  position: absolute;
  top: -50%;
  left: -50%;
}

若定位的元素是带有固定定位、绝对定位或粘性定位的元素，则以该元素为参照物进行定位。

.parent {
  position: fixed;
  top: 10px;
  left: 10px;
}
.child {
  position: absolute;
  top: 50%;
  left: 50%;
}

在使用绝对定位时，要注意定位的元素的层级关系，使用z-index属性可以设置元素的层级，即元素在何种顺序被绘制。

总之，在使用CSS中的绝对定位时，选择正确的参照物对于元素的最终表现起着至关重要的作用。