在CSS中，您可以使用position: fixed;屬性來(lái)使導(dǎo)航欄漂浮，這個(gè)屬性可以將元素固定在瀏覽器窗口的指定位置，即使頁(yè)面滾動(dòng)，該元素也會(huì)保持在相同的位置。

以下是一個(gè)簡(jiǎn)單的示例，展示了如何在CSS中創(chuàng)建漂浮的導(dǎo)航欄：

#navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background-color: #333;
    color: #fff;
}

在這個(gè)示例中，#navbar是導(dǎo)航欄的ID，position: fixed;將導(dǎo)航欄固定在瀏覽器窗口的頂部。top: 0;和left: 0;屬性將導(dǎo)航欄定位在頁(yè)面的左上角。width: 100%;使導(dǎo)航欄占據(jù)整個(gè)頁(yè)面的寬度。height: 50px;設(shè)置導(dǎo)航欄的高度為50像素。background-color: #333;設(shè)置導(dǎo)航欄的背景顏色為深灰色，color: #fff;設(shè)置導(dǎo)航欄的文字顏色為白色。

您可以將這個(gè)樣式應(yīng)用到您的導(dǎo)航欄HTML元素上，以創(chuàng)建漂浮的導(dǎo)航欄，記得在您的頁(yè)面中包含相應(yīng)的HTML結(jié)構(gòu)來(lái)承載導(dǎo)航欄的內(nèi)容，

<div id="navbar">
    <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">About</a></li>
        <li><a href="#">Services</a></li>
        <li><a href="#">Contact</a></li>
    </ul>
</div>

在這個(gè)示例中，#navbar是導(dǎo)航欄的ID，與CSS樣式中的ID相匹配。<ul>和<li>元素用于構(gòu)建導(dǎo)航欄的菜單項(xiàng)，您可以根據(jù)需要自定義這些元素的內(nèi)容。