CSS是前端開發中一個基礎但又非常重要的技術，其中實現左側寬度固定也是我們常用的需求之一。下面我們來學習一下如何通過CSS來實現左側寬度固定的效果。

.left {
width: 200px; /* 左側寬度 */
float: left; /* 左浮動 */
background-color: gray; /* 背景顏色 */
height: 100%； /* 高度100% */
}
.right {
margin-left: 200px; /* 右側距離左側寬度 */
background-color: white; /* 背景顏色 */
height: 100%； /* 高度100% */
}

代碼中，我們首先定義了一個左側元素，寬度為200px，使用float屬性進行左浮動，背景顏色為灰色，高度為100%。接著定義了一個右側元素，通過設置margin-left屬性為左側寬度，使其距離左側元素有一定的距離。右側元素的背景顏色為白色，高度也為100%。通過這樣的CSS代碼，就可以實現一個左側寬度固定的頁面效果。