css - 无论浏览器大小如何，都将网站内容居中？

Question

我刚刚注意到，我应该已经意识到，但继续，如果我放大我的网站，一切都搞砸了。我并不完全理解如何让它居中而不是移动物体。

示例放大 http://gyazo.com/d868f6ebb249c8aa0b4a20e8cba24e86

无论你做什么，我都在寻找它保持居中。

Answer 1

或与

margin: auto;

我给你做了一个 JSfiddle http://jsfiddle.net/9Mqza/

Answer 2

简单的答案：将您的整个网站包装在一个容器中<div>，并将其命名为“site-container”

然后将其添加到您的 CSS

流体宽度：

#site-container
{
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
}

固定宽度：

#site-container
{
    width: 900px;
    position: relative;
    left: 50%;
    margin-left: -450px; /* -(width/2) */
}

显然根据需要调整大小