在網頁設計中，懸浮菜單是一個常見的設計元素。它能夠使用戶方便地使用網站功能，同時節省頁面空間。在本文中，我們將介紹如何通過CSS設置懸浮菜單。

/* 設置菜單的樣式 */
ul {
list-style: none;
margin: 0;
padding: 0;
}
li {
display: inline-block;
margin: 0 10px;
}
a {
color: #333;
font-size: 16px;
text-decoration: none;
padding: 5px;
border-radius: 3px;
}
a:hover {
background-color: #EEE;
}
/* 在滾動時顯示懸浮菜單 */
nav {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #FFF;
box-shadow: 0 2px 5px rgba(0,0,0,0.2);
z-index: 9999;
}

以上代碼包括兩個部分：第一部分用來設置菜單的樣式，包括菜單項的樣式和鏈接的樣式。第二部分則是設置懸浮菜單的樣式，通過設置position屬性為fixed，使菜單始終保持在頁面頂部。

值得注意的是，為了避免菜單擋住頁面內容，通常添加一個padding值，將頁面內容下移。

body {
padding-top: 50px;
}

通過以上CSS設置，我們可以輕松地創建一個漂亮的懸浮菜單。當然，實際應用中也需要根據具體需求進行調整。