CSS導航欄居中固定是一種常見的網站布局技巧，可以幫助網站管理員更好地控制導航欄的位置和大小，同時也可以提高用戶體驗。

CSS導航欄居中固定可以通過使用CSS的`居中`和`固定`屬性來實現。首先，我們需要定義導航欄的樣式，包括顏色、字體、大小等。然后，通過`margin`和`padding`屬性來設置導航欄的左右margin和上下padding，使導航欄在水平和垂直方向上都居中。最后，通過`position`屬性來設置導航欄的位置，可以選擇`top`、`right`、`bottom`和`left`四個值之一來將導航欄固定到頁面的特定位置。

以下是一個簡單的示例代碼，演示了如何使用CSS導航欄居中固定：

```html

<div class="nav">

<a href="#">Home</a>

<a href="#">About</a>

<a href="#">Contact</a>

</div>

```css

.nav {

width: 300px;

height: 100px;

margin: 0 auto;

position: relative;

.nav a {

display: block;

width: 100%;

height: 100%;

text-align: center;

text-decoration: none;

.nav a:hover {

background-color: #f2f2f2;

.nav.active {

background-color: #007bff;

在上面的示例代碼中，我們使用了`div`元素來創建導航欄。我們使用`margin`和`padding`屬性來設置導航欄的左右margin和上下padding。我們還使用了`position: relative`屬性來設置導航欄的樣式，并將其定位到頁面的`div`元素上。

通過以上步驟，我們可以創建一個簡單的CSS導航欄，并將其居中固定。這種布局方式不僅可以提高網站導航欄的可讀性和可訪問性，還可以幫助網站管理員更好地控制導航欄的位置和大小。