在網站設計過程中，一個好看且易用的導航欄是非常重要的。而在很多情況下，將導航欄固定在頁面左側是一個較好的選擇，可以幫助用戶快速找到需要瀏覽的內容，并縮短網站瀏覽時間，提高用戶體驗。

要實現固定左側導航，需要使用CSS。以下是代碼實現：

nav {
position: fixed;
top: 0;
left: 0;
width: 200px;
height: 100vh; /* 充滿整個視窗 */
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

上面的代碼中，我們首先為導航欄使用了position: fixed來使其始終停留在視窗的左上角。接著，我們為導航欄設置了寬度和高度，使其充滿整個視窗，并且添加了一些常規的樣式，如背景色和陰影等。

接下來，我們需要對主要內容區域進行處理，以避免導航欄遮擋頁面內容。以下是實現代碼：

main {
margin-left: 200px; /* 導航欄的寬度 */
}

上面的代碼中，我們使用margin-left來為主要內容區域留出200px的空間以避免被導航欄遮擋。您也可以根據實際情況進行調整。

通過上面的代碼實現，我們成功地將導航欄固定在頁面左側，并使主要內容區域避免被導航欄遮擋。您可以根據實際需求和設計樣式進一步修改和優化代碼。