在 CSS 中，我們經常需要精確地定位元素，這時候就需要用到 rf 定位。

.element {
position: relative;
}
.element::before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background: red;
}

在上面的代碼中，我們先將需要定位的元素的定位方式設為相對定位，然后使用偽元素 ::before 創建一個全覆蓋的背景層，再將其定位方式設為絕對定位，從而完成 CSS 元素的定位。

rf 定位是一種常用的定位方式，其簡化了常規定位的繁瑣過程，提高了 CSS 元素定位的效率。