html - 所有分辨率上的 CSS 中心定位

Question

嗨，我试图将我的网站定位在所有分辨率的中心，但是当我将整个页面包装在容器 div 中并尝试对其进行样式设置时，没有任何反应，下面是我使用的 CSS：

CSS

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

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

Answer 1

您的容器 div 居中，但您在左侧为 220px 的导航元素设置了边距。我还没有看过其他的，但我想你也已经在这些上设置了边距。

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

我在上面之前的评论中提到的一些事情，你必须记住，当你将宽度设置为百分比时，你会问自己“什么的百分比？”。它始终是父级宽度的百分比，所以下一个问题是，“父级的宽度是多少？”。如果没有设置，那么您的百分比可能无法按照您的预期方式工作，或者根本没有。