中心對齊HTML頁面中的固定頂級菜單

-3

我正在一個簡化的網頁上使用div標籤中的菜單欄。當我不固定div標籤可以在使用中心對齊：中心對齊HTML頁面中的固定頂級菜單

.top .overlay{ 
background-image:none; 
text-align:center; 
}

但是，當我使用position: fixed;然後進入菜單的排列不起作用

.top .overlay{ 
background-image:none; 
position:fixed; 
text-align:center; 
}

它的工作，如果我使用一個固定的邊距，但問題是，行爲會根據屏幕分辨率而改變。

請幫助

2012-09-04 Alok

這裏有兩個選擇：** A）**請更改您的問題。 ** B）**請提供一個問題顯而易見的演示。 – Chris

http://alok.net23.net/brain2012/ – Alok

這裏在CSS文件.top .overlay { background-image：none; text-align：center; } – Alok

嘗試把margin:0 auto;在.top .overlay {}

.top .overlay{ 
background-image:none; 
position:fixed; 
text-align:center; 
margin:0 auto; 
}

2012-09-04 19:36:16 ygssoni

沒有它不工作 – Alok

如果「.overlay」有這將工作寬度 – dyurkavets

http://alok.net23.net/brain2012/對此 – Alok

爲您解決：設置width至100％

.TOP .overlay { ... 位置：固定; 寬度：100％; ... }

2012-09-04 19:37:03 dyurkavets

添加到您的CSS：

.top .overlay { 
    width: 100%; 
    text-align: center; 
}

而且不要忘記刪除margin-left: 18%;部分。

2012-09-04 19:37:59 Chris

.top .overlay { \t background-image：none; \t職位：固定; \t margin：0 auto; \t text-align：center; \t width =「100％」; }但不工作 – Alok

@Alok Not'width =「100％」'，它應該是'width：100％;'。 – Chris

oh thanx！現在它的工作 – Alok

我想這個CSS在您的網站有螢火蟲，它的工作：

爲margin CSS屬性的auto值僅如果width設置工作。我也刪除了position屬性。

2012-09-04 19:43:20

認真嗎？ 'width：900px;'？ – Chris

#container { 
    position :fixed; 
    margin: auto; 
    top:0%; 
    width: *AS_REQUIRED* px; 
} 

#container p { 
    text-align: center; 
}

如上圖所示我已經創建了兩個部門：

注意內的文本：當您在<p> </p>標籤內寫入文字時，文字將對齊中心

2012-09-04 19:56:48

回答