CSS中的定位属性有两种，分别为相对定位和绝对定位，它们的应用场景略有不同，下面就以一些实例介绍这两种定位属性的用法。 首先是相对定位，它是相对于元素本身原本的位置来定位，即不影响其他元素的位置。下面用一个例子来说明相对定位的作用。

相对定位实例：

    div {
        border: 1px solid black;
        height: 80px;
        width: 80px; 
        position: relative; 
    }
    p {
        position: relative;
        left: 20px;
        top: 20px;
    }

在上面的例子中，我们创建了一个div容器，并且设置了相对定位。在这个div容器中，我们插入了一个p标签，并且对其进行了相对定位处理，即向右移动20像素，向下移动20像素。可以看到，p标签并没有对其他元素进行影响，只是在div容器内部移动了一下位置。 接下来是绝对定位，它是相对于其父级容器的位置来定位的，如果没有父级容器，则相对于页面而言。同样用一个实例来说明。

绝对定位实例：

    div {
        border: 1px solid black;
        height: 80px;
        width: 80px; 
        position: relative; 
    }
    img {
        position: absolute;
        right: 0;
        bottom: 0;
    }

在这个例子中，我们创建了一个div容器，并且又设置了相对定位。在这个div容器中，我们插入了一张img图片，并且进行了绝对定位处理，即紧贴着div容器的右下角。可以看到，img标签不但没有对其他元素进行影响，而且还根据div容器的位置进行了绝对定位。 综上所述，相对定位和绝对定位都是CSS定位属性中的重要内容，根据实际的布局需要，我们可以进行灵活的使用。