CSS中心定位于所有分辨率

时间:2013-03-24 11:00:59

标签: html5 css3

嗨我试图将我的网站放在所有分辨率的中心但是当我将整个页面包装在容器div中并尝试设置它没有任何反应时,下面是我使用的CSS:

CSS

             .container {
width: 95%;
margin-right: auto;
margin-left: auto;
}

关于我如何解决的任何建议?

1 个答案:

答案 0 :(得分:0)

您的容器div居中,但您在左侧为720px的nav元素设置了边距。我还没有看过其他人,但我认为你也已经留下了边距。

此外,容器内的元素绝对定位,这将使它们脱离正常流量。如果您希望将这些元素附加到.container,则需要将其设置为position:relative。

我在上面的评论中提到的一些事情,你必须记住,当你设置一个宽度百分比来问自己,“百分比是多少?”。它将始终是父级宽度的百分比,因此下一个问题是“父级的宽度是多少?”。如果没有设置,那么你的百分比可能无法按照你想要的方式运行,或者根本没有。