導航欄是網頁中非常重要的一個組件，它可以讓用戶更方便地在網頁中瀏覽，找到自己感興趣的內容。傳統的導航欄一般會放在網頁的頭部，但是，有時候我們可能會需要將導航欄放在網頁的底部，這樣可以讓用戶更方便地在瀏覽完頁面之后再次查看導航欄。

要將導航欄放到網頁底部，我們需要使用 CSS 來控制其位置。下面是一個示例代碼：

.navbar {
position: fixed;
bottom: 0;
width: 100%;
height: 50px;
background-color: #333;
color: #fff;
text-align: center;
padding: 10px;
}

上面的代碼使用了position: fixed;屬性來固定導航欄的位置，并使用了bottom: 0;屬性來將其放到底部。由于導航欄在底部，因此我們還需要使用width: 100%;屬性讓其橫向鋪滿整個屏幕，以及height: 50px;屬性來設置導航欄的高度。

除此之外，我們還可以通過設置其他屬性來美化導航欄，例如設置背景顏色、文字顏色、字體大小、內邊距等，讓導航欄更符合網頁的整體設計風格。

總之，將導航欄放到底部是一個不錯的設計選擇，可以為用戶提供更好的瀏覽體驗。我們只需要使用一些簡單的 CSS 屬性，就可以實現這一功能。