CSS底部滾動不動是網頁設計中常用的一種技巧。它可以使一個頁面的最底部保持不動，而其余部分可以自由滾動。這種設計能夠使網頁更加美觀，同時也提高了用戶體驗。

/* 具體的 CSS 代碼 */
body {
overflow-y: scroll;
}
.footer {
position: fixed;
bottom: 0;
width: 100%;
}

首先要實現底部不動，我們需要給整個 body 設置縱向滾動。這樣就可以保證整個頁面的滾動條只針對 body 生效。

然后，我們需要給底部元素（比如 footer）設置固定定位（position: fixed），并將其底部設置為 0（bottom: 0），這樣它就不會隨著頁面的滾動而移動了。設置寬度為 100% 可以使元素占據整個頁面寬度。

需要注意的是，如果底部元素超出了 body 邊界，它可能會遮擋頁面內容。為了解決這個問題，可以在底部元素外層包裹一個容器，給容器設置與底部元素相同的高度，然后在容器內部添加需要展示的內容。這樣就可以確保內容不會被遮擋了。

以上就是 CSS 底部滾動不動的基本實現方法，可以根據實際需求進行調整。在實際應用中，我們可以結合 JavaScript 等技術實現更加復雜的效果，來增強用戶體驗。