中心网站内容无论浏览器大小是多少？

Question

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

实施例 放大了 http://gyazo.com/d868f6ebb249c8aa0b4a20e8cba24e86

无论你做什么，我都希望能保持中心。

Answer 1

简单回答：将整个网站包装在一个容器<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) */
}

显然可以根据需要调整尺寸

Answer 2

或者

margin: auto;

我让你成为一个JSfiddle http://jsfiddle.net/9Mqza/