CSS導(dǎo)航常常被應(yīng)用于網(wǎng)頁(yè)中，使得用戶可以快速訪問(wèn)網(wǎng)站的各個(gè)頁(yè)面。其中一個(gè)流行的布局是左右分布的導(dǎo)航欄。

要實(shí)現(xiàn)左右分布的導(dǎo)航欄，我們可以使用CSS的float屬性將導(dǎo)航欄分成左右兩個(gè)部分。具體地，在HTML中創(chuàng)建導(dǎo)航欄的容器，在該容器下面創(chuàng)建兩個(gè)導(dǎo)航欄分別放在左側(cè)和右側(cè)位置。然后把左側(cè)導(dǎo)航欄的float屬性設(shè)置成left，右側(cè)導(dǎo)航欄的float屬性設(shè)置成right，就可以實(shí)現(xiàn)左右分布的導(dǎo)航欄了。

nav {
width: 100%;
background-color: #333;
overflow: hidden;
}
.nav-left {
float: left;
}
.nav-right {
float: right;
}
/* 導(dǎo)航欄中的鏈接樣式 */
nav a {
display: block;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
/* 當(dāng)鏈接懸停時(shí)的樣式 */
nav a:hover {
background-color: #ddd;
color: black;
}

上面的代碼中，我們首先定義了導(dǎo)航欄的容器，然后在容器內(nèi)創(chuàng)建了兩個(gè)導(dǎo)航欄。這兩個(gè)導(dǎo)航欄的float屬性分別設(shè)置為left和right。最后，我們給鏈接定義了樣式。

總之，使用CSS的float屬性可以輕松地創(chuàng)建左右分布的導(dǎo)航欄，為用戶提供更好的瀏覽體驗(yàn)。