position relative如何用

position relative如何用

在CSS中，可使用`position: relative;`来设置元素的相对定位。
当一个元素被设置为相对定位时，它会相对其原始位置进行定位，而不会影响其他元素的位置。通过使用`top`、`bottom`、`left`和`right`属性，可以调剂元素相对其原始位置的偏移量。
例如，假定我们有一个带有以下样式的元素：
```css
.div1 {
position: relative;
top: 20px;
left: 30px;
}
```
这将使`.div1`元素相对其原始位置向下偏移20像素，向右偏移30像素。
可使用`position: relative;`和`top`、`bottom`、`left`和`right`属性来调剂元素的相对位置，以实现各种布局效果。