css中relative怎么 css rel

relative是CSS中的一个定位属性，它可以用来指定元素相对于其正常位置进行定位。当使用relative定位时，元素仍然占据原来的空间，但可以通过设置top、right、bottom和left属性来调整元素的位置。

下面是一个示例代码，我们将一个div元素使用relative定位，并设置top和left属性来调整其位置：

<style>
    .box {
        position: relative;
        top: 50px;
        left: 100px;
        width: 200px;
        height: 200px;
        background-color: red;
    }
</style>
<div class="95f8-c46a-485d-0b17 box"></div>

在上面的代码中，我们给div元素添加了一个名为"box"的class，并在CSS中设置了其position为relative。然后，通过设置top和left属性，我们将div元素相对于其正常位置向下移动50像素，向右移动100像素。最终div元素的位置是在正常位置的基础上向下移动50像素，向右移动100像素。

需要注意的是，relative定位不会改变元素的布局，它仍然占据原来的空间。这意味着其他元素仍然会根据div元素的原始位置进行布局。

如果设置的top、right、bottom和left属性的值为百分比，那么它们将相对于元素自身的尺寸进行计算。例如，如果我们将上面示例代码中的top属性改为50%，那么div元素将向下移动自身高度的50%。

relative定位还可以与其他定位属性（如absolute和fixed）结合使用，来实现更复杂的布局效果。例如，我们可以将一个元素设置为relative定位，然后在其内部使用absolute定位来定位其他元素。

relative定位可以通过设置top、right、bottom和left属性来调整元素的位置，它不会改变元素的布局，并且可以与其他定位属性结合使用来实现复杂的布局效果。