在設計網站時，經常需要給頁面添加一個固定導航欄，讓用戶可以方便地瀏覽網站的各個部分。這個導航欄通常會被放置在頁面的頂部或底部，而最簡單的實現方式就是使用HTML和CSS來創建一個固定的導航欄。下面我們就來看一下如何使用HTML來實現底部固定導航欄。

首先，我們需要在HTML中創建一個導航欄容器的元素，并給它一個類名或ID，例如：

<div class="footer-nav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>

在這個代碼中，我們創建了一個class為“footer-nav”的div元素作為導航欄的容器，并在其中使用了ul和li元素來呈現導航鏈接。

接下來，我們需要使用CSS來將這個導航欄固定在頁面底部。要實現這個效果，我們需要對導航欄容器使用固定定位（fixed position），并讓它的bottom屬性等于0，代碼如下：

.footer-nav {
position: fixed;
bottom: 0;
}

這個代碼中，我們為“footer-nav”類定義了固定定位，并將它設置在頁面底部（bottom: 0）。

現在，我們的底部固定導航欄就完成了！用戶在滾動頁面時，導航欄會一直保持在頁面底部，并可以隨時點擊導航鏈接前往其他頁面部分。

除了基本的固定定位，我們還可以使用其他的CSS屬性和技巧來進一步美化和改進底部導航欄的樣式和功能。例如，我們可以使用“z-index”屬性來控制導航欄的層疊順序，或者添加懸停（hover）和活動（active）狀態的CSS效果來提高用戶體驗。