\"position:+relative;
时间: 2024-06-14 12:05:34 浏览: 73
css中position:relative和overflow:hidden之间的问题
5星 · 资源好评率100%
position:relative;是CSS中的一个定位属性,它相对于元素在正常文档流中的位置进行定位。当使用position:relative;时,元素仍然占据文档流中的位置,但可以通过top、right、bottom和left属性来调整元素的位置。
下面是一个使用position:relative;的示例:
```html
<style>
.box {
position: relative;
top: 20px;
left: 50px;
background-color: red;
width: 100px;
height: 100px;
}
</style>
<div class="box">
This is a box.
</div>
```
在上面的示例中,.box元素使用了position:relative;,并通过top和left属性将其向下移动了20像素,向右移动了50像素。
阅读全文