CSS右側跟隨懸浮是一種常見的網頁設計技術，它可以讓網站的頁面更加美觀而且功能性更強。通常，這種技術包含兩個主要的部分：右側的懸浮和跟隨效果。

首先，我們來討論如何實現懸浮效果。這可以通過CSS中的position屬性來實現。我們可以將要懸浮的元素（如導航欄）的position屬性設置為fixed，這樣它就會被固定在網頁的右側位置，不會隨著頁面的滾動而改變位置。

.nav {
position: fixed;
right: 0;
top: 50%;
transform: translateY(-50%);
}

position屬性可以有多個取值：static、relative、fixed、absolute等等。其中，fixed表示要固定在瀏覽器窗口中，而不會隨著元素的位置或頁面滾動而改變。

接下來，我們來實現跟隨效果。當網頁上的內容太長，需要滾動時，右側的懸浮元素仍然可以跟隨在頁面的右側。這可以使用JavaScript和CSS來實現。

首先，我們需要使用JavaScript獲取懸浮元素和觸發滾動的事件（如窗口滾動事件）：

var nav = document.querySelector('.nav');
window.addEventListener('scroll', function() {
var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
nav.style.top = (scrollTop + window.innerHeight / 2) + 'px';
});

然后，我們需要通過CSS來實現元素位置的跟隨。在樣式表中，我們可以設置懸浮元素的top屬性為當前滾動的位置加上視口高度的一半。這樣，當頁面滾動時，導航欄就會隨著滾動而跟隨在右側位置。

綜上所述，CSS右側跟隨懸浮技術可以通過結合position和JavaScript實現，它可以帶來更美觀、更實用的網站設計效果。