Javascript 一旦浏览器大小足够大，是否将CSS框移动到网页中心？

我注意到，从Facebook到stackoverflow，许多网站上的大多数元素都有固定的高度和宽度，并且与页面左边框保持一定距离。但是，一旦页面被拉伸，所有元素都会一起移动到网页中更中心的位置。如何在Html和CSS中仅使用几个box元素来执行此操作

非常感谢您的帮助

---

提前感谢。

他们使用CSS媒体查询，这可能是所谓的“响应式网页设计”或更短的“rwd”

您只需设置容器的最大宽度并应用边距：0自动；它会自动地这样做

这将成为中心
.集装箱{
宽度：100%；
背景：ddd；
填充：100px0；
}
#居中{
背景：#fff；
填充：20px；
最大宽度：300px；
保证金：0自动；
}

---

这是一个响应性很强的网页设计。

您能否提供一个带有图像和HTML标记的精确示例？

<div class="container">
    <div id="center">This will center</div>
</div>


.container{
    width:100%;
    background:#ddd;
    padding:100px 0;
}

#center{
    background:#fff;
    padding:20px;
    max-width:300px;
    margin:0 auto;
}