CSS實現左邊固定右邊自適應的布局，常用于頁面的側邊欄效果。

具體實現方法如下：

/* 設置包裹盒子 */
.container {
display: flex;
}
/* 左邊固定區(qū)域 */
.left {
width: 200px;
}
/* 右邊自適應區(qū)域 */
.right {
flex: 1;
}

在上述代碼中，首先設置了一個包裹盒子，并將其 display 屬性設置為 flex，這樣可以使左側和右側的區(qū)域處在同一行上，且右側區(qū)域可以自適應寬度。

接著，針對左側區(qū)域設置了一個固定的寬度，這樣左側區(qū)域就不會隨著右側區(qū)域的大小而變化。

而針對右側區(qū)域，我們設置了一個 flex 屬性，將其設置為 1。這樣就可以讓右側區(qū)域根據剩余的空間自適應寬度，即占據整個可用空間。

利用 CSS 實現左邊固定右邊自適應的布局效果，可以使頁面的側邊欄更加美觀，同時也能夠提升用戶的使用體驗。