如果你想要實現(xiàn)這樣的布局：在垂直方向上，元素的位置不隨頁面滾動而變化，但在水平方向上，元素可以根據(jù)需要自由移動。那么，你需要使用一些 CSS 技巧。

.fixed {
position: fixed;
top: 0;      /* 這里使用了 top 屬性，把元素固定在頁面頂部 */
left: 0;     /* 因為我們只需要在水平方向上移動，所以這里可以忽略 */
}
.scrollable {
position: absolute;
top: 0;      /* 讓元素與 .fixed 的頂部對齊 */
right: 0;    /* 把元素移動到頁面右側(cè) */
bottom: 0;   /* 讓元素占據(jù)整個頁面高度 */
left: 20%;   /* 讓元素離頁面左側(cè)有 20% 的距離 */
overflow-y: scroll;  /* 控制元素在垂直方向上的滾動 */
}

以上代碼中，我們給定了一個固定的元素和一個可以滾動的元素。固定的元素可以放置頁面的導(dǎo)航欄，而可滾動的元素可以放置頁面的主要內(nèi)容。當(dāng)然，你也可以根據(jù)實際情況選擇使用更多或更少的元素。

總體來說，這個布局的實現(xiàn)相對簡單，但需要細心謹慎地處理每一個細節(jié)，才能讓頁面看起來美觀且易用。