如何在此网站上设置最大宽度？

Question

此网站：http://www.samuelgrant.co.uk

这正是我想要构建的那种设置。但是，我想知道如何设置此站点的最大宽度。我想要一个像这个网站一样的中心主要内容区域，背景延伸到完整的浏览器宽度。任何人都可以开导我吗？相对新手在这里...任何帮助将不胜感激。谢谢！

Answer 1

HTML

<div class="container">
    <div class="inner-w">
        Stuff in your inner column
    </div>
</div>

CSS

body {
    margin: 0;
}

.container {
    background-color: #f06;
}

.container .inner-w {
    max-width: 50em; /* or 400px etc */
    margin-right: auto;
    margin-left: auto;
}

a jsFiddle也会显示此列宽 - 以及每个部分的不同之处等。