css中相对定位的参照物 |css3 pie 引用

相对定位元素的参照物，也称为参照点或基准点。它是定位元素相对位置的基准，定位元素相对于参照物进行定位。相对定位元素的参照物可以是父元素，也可以是兄弟元素或其他元素。

如果大家要将一个元素 b 相对于另一个元素 a 进行微小调整，那么可以将元素 b 设置为相对定位，并指定 a 为其参照物。代码如下：

a {
position: relative;
}
b {
position: relative;
top: 20px;
left: 30px;
/* 参照点为元素 a */
/* 这里使用选择器选择元素 a */
/* 也可以使用元素 ID 或类选择器 */
/* 如 .container 或 #header 等 */
/* 如果没有指定参照点，则默认为父元素 */
/* 如果没有指定偏移量，则默认为 0 */
/* 以下是指定参照点为元素 a */
/* 并将元素 b 向下偏移 20 像素 */
/* 向右偏移 30 像素 */
top: relative(a, 20px);
left: relative(a, 30px);
}

上述代码中，大家使用 top 和 left 属性指定元素 b 相对于参照点 a 的偏移量。为了使代码更加语义化和易于维护，大家可以使用相对定位的新特性：relative(a, offset)。这个特性可以帮助大家指定元素的参照点和偏移量，使代码更加清晰明了。