中心对齐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

回答