CSS根據祖先元素定位是使用CSS定位技術中的一種重要方式。其中使用的CSS屬性主要包括position，top，bottom，left，right以及z-index等。

它的原理是利用祖先元素的定位屬性來約束后代元素的定位。具體來說，若想實現一個元素相對于另一個元素定位，可以先確定這兩個元素的祖先元素，并設置這個祖先元素的position屬性。然后再通過設置后代元素的top，bottom，left，right等屬性來實現相對定位。

.parent {
position: relative;
}
.child {
position: absolute;
top: 40px;
left: 20px;
}

上述代碼中，父元素.parent設置了position: relative屬性，成為了定位上下文。子元素.child使用position: absolute屬性，并通過top和left屬性實現了相對于.parent元素的定位。

此外，CSS根據祖先元素定位還可以通過z-index屬性來設置層級關系。具體來說，z-index值越大的元素越靠前顯示。

.parent {
position: relative;
z-index: 1;
}
.child {
position: absolute;
top: 40px;
left: 20px;
z-index: 2;
}

上述代碼中，由于子元素.child的z-index值比父元素.parent的值大，因此.child元素會顯示在.parent元素之上。

總之，CSS根據祖先元素定位是CSS定位技術中的一種非常實用的方式，可以靈活地控制頁面元素的位置和層級關系，讓頁面更具有視覺效果和交互性。