CSS 中的 nav-index（導航索引）是指導航欄在文檔流中的層級關系。通常情況下，導航欄要優先于其他內容顯示，因此我們可以通過 nav-index 來設置導航欄的層級。

nav-index 的取值可以是auto（自動），也可以是一個數字，數字越大層級越高。例如：

nav {
position: fixed;
top: 0;
left: 0;
z-index: 1000; /* 設置導航欄的層級為 1000 */
}

在這個例子中，我們將導航欄設置為固定定位，并設置它在頂部左側，同時將 nav-index 設置為 1000，使得它在文檔流中處于較高的層級。

需要注意的是，如果導航欄太過占用空間，可能會擋住其他內容。這時我們可以考慮使用z-index的負值來解決層級沖突：

main {
position: relative;
z-index: 1; /* 設置內容層級為 1 */
}
nav {
position: fixed;
top: 0;
left: 0;
z-index: -1; /* 將導航欄的層級設為 -1 */
}

在這個例子中，我們將內容區域設置為相對定位，并將 z-index 設置為 1，將導航欄的 z-index 設為 -1，使得導航欄處于內容下方，不會影響其他元素的顯示。

綜上所述，nav-index 在 CSS 中扮演著重要的角色，我們可以通過它來控制導航欄的層級，避免層級沖突導致元素遮擋，從而提升網頁的用戶體驗。