什么是代码中的相对定位

在代码中，相对定位（Relative Positioning）是一种定位技术，它允许开发者将元素相对于其正常位置进行定位。在CSS（层叠样式表）中，相对定位是相对于元素在文档流中的位置来定位的。

以下是相对定位的一些关键点：

1. 定位上下文：相对定位的元素会相对于其包含块（containing block）进行定位。默认情况下，包含块是元素最近的祖先元素，如果该祖先元素没有定位（即没有使用`position`属性设置为`relative`、`absolute`、`fixed`或`sticky`），则包含块是初始包含块，通常是视口（viewport）。

2. 偏移量：使用`top`、`right`、`bottom`和`left`属性可以设置元素相对于其包含块的偏移量。这些属性可以设置为像素值、百分比或者`auto`。

3. 文档流：相对定位不会改变元素在文档流中的位置，只是允许它相对于其正常位置进行移动。

4. 层叠：即使使用了相对定位，元素仍然会保留其文档流中的位置，并且可以与其他元素重叠。

以下是一个相对定位的例子：

```css

.parent {

position: relative;