css3中相对定位

CSS3中的相对定位指的是元素相对于自身原来的位置进行定位，而不会影响其他元素的位置。相对定位使用 position: relative; 属性进行设置。

相对定位的定位方式有两种，一种是使用 top , right , bottom , left 属性来设置元素相对于原来位置的偏移量，另一种是使用 transform: translate() 来进行偏移。以下是具体的代码实现：

div {
position: relative;
top: 20px;
left: 30px;
/* or */
transform: translate(20px, 30px);
}

相对定位经常用于元素的微调，比如一个图片与文字配合展示在同一行，但是图片与文字又有一段间距，这时可以使用相对定位来微调图片的位置。

需要注意的是，相对定位对其他元素的位置不会产生影响，因此如果一个元素进行了相对定位，它原来所占据的空间依然存在，其他元素不会顶替它的位置。

总体来说，相对定位是CSS中重要的定位方式之一，可以满足一些微调元素位置的需求。

查看更多关于css3中相对定位的详细内容...