固定導航條在現代網站設計中越來越普遍。它可以幫助用戶在瀏覽網頁時保持導航工具欄的可見性，從而方便地瀏覽網站的其他頁面。實現這一效果的方法是使用CSS代碼來固定導航欄，下面是一個例子：

下面的CSS代碼使用了position屬性將導航欄固定在屏幕頂部。它還包括了一些其他的屬性來設置導航欄的樣式，如背景色、寬度和高度。

nav {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 50px;
background-color: #333;
color: #fff;
text-align: center;
}
nav ul {
list-style: none;
margin: 0;
padding: 0;
}
nav li {
display: inline-block;
margin: 0 10px;
font-size: 16px;
}
nav a {
display: block;
padding: 5px 10px;
color: #fff;
text-decoration: none;
}
nav a:hover {
background-color: #555;
}

在上面的代碼中，我們先選擇了