在前端开发中，元素的定位是经常需要操作的一个问题。对于一些布局需要，我们需要让元素相对于某个父级元素进行定位，这个时候就需要用到position: relative属性。在本文中，我将会详细介绍position: relative属性的使用方法，以及如何利用它轻松实现元素的定位。

一、什么是position: relative？

position是CSS中的一个布局属性，用于指定元素应如何定位。其中，position: relative是指定元素相对于自身的位置进行定位，仅影响元素本身，并不影响其他元素的布局。简单来说，position: relative就是在当前位置相对移动元素。

二、position: relative的用法

1. 单独使用position: relative

单独使用position: relative只会影响元素位置，不会引起其他元素的重新布局。下面的例子中，我们使用了两个div元素，第一个div元素是个红色正方形，第二个div元素是个蓝色正方形。我们对第一个div元素设置了position: relative，然后指定了它向右边移动了20px。

```html