CSS相对定位和绝对定位是常用的定位方式，通过这两种方式可以精准地定位元素的位置，下面我们来详细了解一下这两种定位方式的特点。

CSS相对定位是相对于元素的初始位置进行位置的移动，使用相对定位可以将元素向上、向下、向左或向右移动，移动的距离由top、bottom、left和right属性决定。

    .box{
        position: relative; /*设置相对定位*/
        top: 20px; /*向下移动20像素*/
        left: 30px; /*向右移动30像素*/
    }

这段代码表示，将class为box的元素使用相对定位，向下移动20像素，向右移动30像素。

CSS绝对定位是相对于定位父元素进行位置的移动，需要先定义一个定位父元素，使用绝对定位可以将元素放置在网页的任意位置，移动的距离同样由top、bottom、left和right属性决定。

    .parent{
        position: relative; /*设置相对定位*/
    }
    .child{
        position: absolute; /*设置绝对定位*/
        top: 50px; /*距离定位父元素顶部50像素*/
        left: 100px; /*距离定位父元素左边100像素*/
    }

这段代码表示，定义一个class为parent的元素作为定位父元素，然后将class为child的元素使用绝对定位，距离定位父元素顶部50像素，距离定位父元素左边100像素。

相比而言，CSS绝对定位更加灵活，可以精确地定位元素，但需要注意的是，绝对定位会脱离文档流，所以需要慎重使用。