CSS 左右橫向?qū)Ш剑且环N十分常見的網(wǎng)頁設(shè)計(jì)布局形式。通過在頁面上添加左右兩側(cè)的菜單欄，可以讓用戶更方便地瀏覽和訪問網(wǎng)站的各個頁面和功能。

.nav {
display: flex;
justify-content: space-between;
align-items: center;
background-color: #f1f1f1;
height: 50px;
padding: 0 20px;
}
.nav li {
list-style: none;
}
.nav .left-menu {
display: flex;
align-items: center;
}
.nav .right-menu {
display: flex;
align-items: center;
}

上述 CSS 代碼中，我們首先給整個導(dǎo)航菜單設(shè)置了一個名為 .nav 的樣式，使用 flex-box 實(shí)現(xiàn)了左右兩邊的對齊。其中 justify-content: space-between; 讓左右兩側(cè)菜單之間有空隙，并且讓兩側(cè)菜單各占據(jù)一側(cè)。

然后，我們分別為 .nav .left-menu 和 .nav .right-menu 兩個菜單設(shè)置了樣式。這里我們使用了 flex 屬性來實(shí)現(xiàn)內(nèi)部排列方式為水平方向，align-items: center; 實(shí)現(xiàn)了垂直方向上的居中對齊。同時，我們還為各個菜單項(xiàng)設(shè)置了 list-style: none;，以去除默認(rèn)的列表樣式。

通過以上幾行代碼，我們便完成了一個基礎(chǔ)的左右橫向?qū)Ш叫Ч．?dāng)然，具體的樣式和內(nèi)容還需要根據(jù)實(shí)際需求進(jìn)行調(diào)整和改良。