導航欄橫向左滑是現代網站設計中常用的一種效果，它可以讓網站的導航更加美觀和實用。在這篇文章中，我們將介紹如何用CSS實現這種效果，并附上代碼進行實踐。

.nav-wrapper {
overflow-x: auto; /* 設置x方向滾動條 */
white-space: nowrap; /* 讓導航欄不換行 */
}
.nav-link {
display: inline-block; /* 將導航項變成行內塊級元素 */
padding: 10px 20px; /* 設置padding */
color: #333; /* 設置字體顏色 */
text-decoration: none; /* 去掉下劃線 */
transition: all 0.3s ease; /* 添加過渡效果 */
}
.nav-link:hover {
color: #fff; /* 鼠標懸停時的字體顏色 */
background-color: #333; /* 鼠標懸停時的背景顏色 */
}

以上是實現導航欄橫向左滑效果的代碼，其中主要實現的是通過設置overflow-x和white-space屬性來設置滾動條和不換行。另外，也對導航項的樣式進行了設置，例如padding、字體顏色以及鼠標懸停時的背景顏色等。