CSS中相對于爺爺（grandparent）定位是指使用CSS屬性中的position和top、left、right、bottom等屬性以相對于爺爺元素的位置來定位元素。在HTML中，元素可以相互嵌套，形成HTML文檔的層級結(jié)構(gòu)。而在CSS中，通過爺爺元素的定義，我們可以使用相對定位的方式在網(wǎng)頁中進行元素的定位。

.grandparent {
position: relative;
}
.parent {
position: absolute;
top: 50px;
left: 50px;
}

在上面的代碼中，我們定義了.grandparent元素的position屬性值為relative。接著，.parent元素使用position:absolute，意味著該元素從其縮放后的祖先元素（爺爺元素）中脫離，以其絕對位置進行相對定位，而這個絕對的位置就是以爺爺元素為基準(zhǔn)的。接著，top和left屬性值表示了距離爺爺元素頂部和左側(cè)的偏移量。

當(dāng)我們使用相對于爺爺元素定位的時候，需要注意一些問題。首先，需要設(shè)置爺爺元素的position屬性值為relative，否則子元素的絕對定位需要參考到body元素而不是爺爺元素。其次，如果爺爺元素定位是relative，則在其他元素的相對定位中需要考慮它的影響。最后，相對于爺爺元素的定位有一定的瀏覽器兼容性問題，在使用中需要注意。