HTML導航欄設置到下面可以采用position屬性的定位方式來實現。我們可以將導航欄的position屬性設為“fixed”，并且將其bottom屬性設置為0，這樣導航欄就會出現在頁面的底部位置了。 下面是一個示例代碼，你可以將其復制到你的HTML文件中：

<style>
#navbar {
position: fixed;
bottom: 0;
width: 100%;
height: 50px;
background-color: #333;
}
</style>
<nav id="navbar">
<a href="#">首頁</a>
<a href="#">關于我們</a>
<a href="#">聯系我們</a>
</nav>
<p>
這是頁面正文內容。
</p>

在上面的代碼中，我們使用了id屬性來給導航欄增加了一個標識符“navbar”，然后通過CSS樣式來設置其位置、大小和背景顏色。在HTML文件主體中，我們直接將導航欄代碼放在了header標簽中，并在p標簽中寫入了頁面正文內容。 如果你想在導航欄下方再添加一些其他元素，可以將其放在導航欄下面，并通過CSS樣式或者調整上面示例代碼中p標簽的內容來設置它們的位置與大小。 綜上所述，通過簡單的CSS樣式設置，我們可以輕松將HTML導航欄設置到頁面的底部，并讓頁面更加美觀和易用。