CSS中，我們可以使用position屬性將導(dǎo)航欄固定在頂部，具體實(shí)現(xiàn)方式如下：

1、我們需要給導(dǎo)航欄一個(gè)父元素，這個(gè)父元素可以是一個(gè)div或者其他容器元素。

2、我們給這個(gè)父元素設(shè)置position屬性為relative，這樣可以讓導(dǎo)航欄相對于這個(gè)父元素進(jìn)行定位。

3、我們給導(dǎo)航欄設(shè)置position屬性為absolute，這樣可以讓導(dǎo)航欄相對于***近的已定位祖先元素（即父元素）進(jìn)行定位，從而實(shí)現(xiàn)固定在頂部的效果。

4、我們可以給導(dǎo)航欄添加一些樣式，比如背景色、邊框等，來讓它更加美觀。

下面是一個(gè)示例代碼：

HTML代碼：

<div class="navbar-container">
  <nav class="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>
  </nav>
</div>

CSS代碼：

.navbar-container {
  position: relative;
}
.navbar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
}

在這個(gè)示例中，我們給導(dǎo)航欄的父元素設(shè)置了一個(gè)相對定位，然后給導(dǎo)航欄設(shè)置了一個(gè)***定位，并且讓它距離頂部為0，這樣就可以實(shí)現(xiàn)導(dǎo)航欄固定在頂部的效果了，我們還給導(dǎo)航欄添加了一個(gè)z-index屬性，這個(gè)屬性可以讓它在其他元素之上顯示，從而避免被其他元素遮擋。