在CSS中，可以通過設(shè)置導(dǎo)航條的樣式和布局來實(shí)現(xiàn)橫向排列，以下是一些實(shí)現(xiàn)方法：

1、使用CSS的display屬性將導(dǎo)航條設(shè)置為flex或inline-flex布局，這將使導(dǎo)航條中的項(xiàng)目在水平方向上排列。

.nav-bar {
  display: flex;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

2、使用CSS的float屬性將導(dǎo)航條中的項(xiàng)目設(shè)置為left或right，這將使項(xiàng)目在水平方向上浮動。

.nav-bar li {
  float: left;
}

3、使用CSS的position屬性將導(dǎo)航條中的項(xiàng)目設(shè)置為absolute，并將top屬性設(shè)置為0，這將使項(xiàng)目在水平方向上排列。

.nav-bar li {
  position: absolute;
  top: 0;
}

無論使用哪種方法，都可以實(shí)現(xiàn)導(dǎo)航條的橫向排列，可以根據(jù)具體的需求和布局選擇適合的方法。