CSS 固定底部導航菜單 在許多網站和應用程序中，底部導航菜單是一個常見的設計元素。通過固定底部導航菜單，您可以確保在用戶滾動網頁時，該菜單始終保持在屏幕底部，方便用戶進行導航。 要實現這一點，您可以使用 CSS。以下是一個簡單的 CSS 代碼示例：

nav {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background-color: #333;
color: #fff;
padding: 10px 0;
text-align: center;
}
nav a {
color: #fff;
text-decoration: none;
padding: 10px;
}
nav a:hover {
background-color: #fff;
color: #333;
}

在上面的代碼中，我們使用了 position 屬性來把導航菜單固定在底部。我們把 bottom 屬性設置為 0，把 left 屬性設置為 0，這樣就可以確保導航菜單始終出現在屏幕底部。我們還使用了 width 屬性來確保導航菜單覆蓋整個屏幕。 我們還設置了一些其他的樣式，比如 background-color 和 color 來設置導航菜單的背景色和字體顏色。我們還設置了 padding 屬性來為菜單項添加一些間距。 此外，我們也為菜單項設置了樣式，包括字體顏色、文本裝飾和鼠標懸停樣式。 總而言之，通過這些 CSS 樣式設置，您可以輕松地創建一個固定在底部的導航菜單，使用戶可以方便地在網站和應用程序中進行導航。