CSS固定底部導航是一種常見的WAP頁面設計技巧，它可以在保持頁面內容與導航統一的前提下，讓用戶隨時輕松地操作導航條。

要實現固定底部導航，一般需要使用CSS的“position”屬性。

position: fixed;
bottom: 0;

上面這段代碼表示以當前瀏覽器窗口為參考系，將元素固定在底部，并且不隨頁面滾動而移動。

在代碼實現前，需要先考慮導航條的寬度和高度，以便為頁面內容留下足夠的空間，并且避免遮擋頁面內容。

例如，導航條的寬度為100%、高度為50px時，我們可以在CSS中添加以下代碼：

.footer-nav{
position: fixed;
bottom: 0;
width: 100%;
height: 50px;
background-color: #333333;
}

上面這段代碼表示將class名稱為“footer-nav”的元素做為底部導航條，固定在頁面底部，寬度為100%，高度為50px，背景顏色為#333333。

使用CSS固定底部導航可以提高用戶體驗和頁面美觀度，同時也可以幫助開發人員提高頁面布局的靈活性和可維護性。