浮動(dòng)菜單是一種常見(jiàn)的網(wǎng)頁(yè)設(shè)計(jì)技術(shù)，可以讓用戶更方便地瀏覽和組織菜單。使用 CSS 可以輕松創(chuàng)建一個(gè)浮動(dòng)菜單，以下是一個(gè)簡(jiǎn)單的示例：

HTML 代碼：

<div class="浮動(dòng)-menu">

<ul>

<li><a href="#">菜單一</a></li>

<li><a href="#">菜單二</a></li>

<li><a href="#">菜單三</a></li>

<li><a href="#">菜單四</a></li>

</ul>

</div>

CSS 代碼：

.浮動(dòng)-menu {

position: relative;

width: 200px;

padding: 20px;

.浮動(dòng)-menu ul {

position: absolute;

top: 0;

left: 0;

width: 100%;

list-style-type: none;

.浮動(dòng)-menu li {

display: inline-block;

width: 100%;

height: 20px;

line-height: 20px;

text-align: center;

margin-right: 10px;

.浮動(dòng)-menu li a {

display: block;

width: 100%;

height: 20px;

text-decoration: none;

color: #fff;

text-align: center;

margin-right: 10px;

.浮動(dòng)-menu li a:hover {

background-color: #007bff;

這只是一個(gè)簡(jiǎn)單的示例，你可以根據(jù)自己的需要修改樣式和內(nèi)容，以創(chuàng)建更復(fù)雜的浮動(dòng)菜單。浮動(dòng)菜單還可以與其他CSS技術(shù)結(jié)合使用，如：max-width和margin-right等，以創(chuàng)建更靈活的菜單布局。