如何使用CSS实现固定/流畅布局？

Question

查看stackoverflow站点 - 当站点固定时，屏幕通过减小边距来调整宽度，直到没有边距。怎么办呢？

Answer 1

我相信页面只是居中。我只会在页面上包含一个带有固定宽度（例如800px）的div标签的所有元素。然后，我会以margin: 0 auto;

为中心

#all {
    width: 800px;
    margin: 0 auto;
}

Answer 2

在stackoverflow的情况下，它只是屏幕中心的固定宽度，为了达到这个目的，你想要一个div作为指定宽度的内容，例如960px很受欢迎，然后你用css left:50%; margin-left:-480px;定位它，其中480是内容宽度的一半。我发现这比保证金更强大：0 auto;

如果你想要一个真正根据浏览器窗口大小调整的网站，为“响应式网页设计”和“css媒体查询”做一些googleing，他们应该帮助你。