CSS按鈕懸浮固定在底部是一種常見的Web設計技巧，通常用于頁腳的導航按鈕等場合。本文將介紹如何使用CSS實現此效果。

/* HTML結構 */
<div class="footer">
<button>按鈕1</button>
<button>按鈕2</button>
<button>按鈕3</button>
</div>
/* CSS樣式 */
.footer {
position: fixed;  /* 固定在底部 */
bottom: 0;
width: 100%;
height: 50px;
background-color: #333;
text-align: center;  /* 按鈕居中對齊 */
}
.footer button {
display: inline-block;  /* 使按鈕水平排列 */
margin: 10px;  /* 上下左右各留10px的間距 */
padding: 5px 10px;  /* 上下padding為5px，左右padding為10px */
background-color: #fff;
color: #333;
border: 1px solid #333;
border-radius: 5px;  /* 圓角5px */
transition: all 0.2s ease;  /* 添加過渡動畫，使效果更加平滑 */
}
.footer button:hover {
background-color: #ff0;
color: #333;
border-color: #ff0;
}

代碼中，我們首先在HTML中用div元素包裹了三個按鈕元素，然后通過CSS樣式，將該div固定在頁面底部，設置div的寬度和高度，并使其中的按鈕元素水平排列且居中對齊。在按鈕的CSS樣式中，我們為按鈕添加了一些基本的樣式，如背景色、顏色、邊框、間距和圓角等，使其看起來更加美觀。最后，為按鈕的hover狀態添加了一些動畫效果，使其在鼠標懸浮時更加生動。

通過以上的代碼，我們可以快速地實現一個簡單的懸浮固定在底部的按鈕效果，同時還可以根據具體需求對其樣式進行進一步的調整。