在CSS中，我們可以使用position屬性來為元素定位。其中，position的取值有4種，分別為：

position: static;
position: relative;
position: absolute;
position: fixed;

其中，position: relative; 可以用來實現元素高低錯位的效果。

首先，讓我們創建兩個div元素，并在其中分別插入一張圖片：

<div class="box-1">
<img src="img1.jpg">
</div>
<div class="box-2">
<img src="img2.jpg">
</div>

接下來，我們在CSS中對這兩個div進行樣式設置，并使用position: relative; 使其相對自身位置移動：

.box-1 {
position: relative;
top: 50px;
}
.box-2 {
position: relative;
top: -50px;
}

這樣，我們就實現了兩個div元素的高低錯位效果。

總結一下，使用position: relative; 可以讓元素相對自身位置進行移動，從而實現元素高低錯位的效果。