CSS 是前端開發中的重要組成部分， 其中一個常見的布局需求就是實現左側固定而右側鋪滿的頁面布局，下面我們就來看看如何實現。

.container {
display: flex;
height: 100%;
}
.sidebar {
width: 200px; /* 左側寬度 */
height: 100%;
background-color: #ccc;
position: fixed; /* 固定定位 */
}
.content {
margin-left: 200px; /* 左側寬度 */
height: 100%;
background-color: #eee;
flex: 1; /* 伸縮性 */
}

首先我們需要一個容器 `.container`， 我們可以使用 CSS3 的 Flex Box 布局來實現。然后，我們需要把左側 `.sidebar` 使用固定定位同時指定寬度，這樣它就可以固定不動了。接下來，我們需要讓右側 `.content` 伸縮填充剩余空間，需要使用 `flex: 1` 來設置伸縮性。最后，我們需要通過 `margin-left` 來讓右側盒子向右移動 `.sidebar` 的寬度。

通過以上的設置，我們就可以實現一個左側固定而右側鋪滿的頁面布局。