div中的max-width使响应式设计无法正常工作

Question

我的div有问题用RWD制作页面。我需要我的div有max-width：800px因此，当调整浏览器大小时，div也会调整大小并且最大值为800px，但不起作用。

HTML

<div id="container>
    <div class="show-section">
        <h3>Section 1</h3>
    </div>
    <div class="show-section">
        <h3>Section 1</h3>
    </div>
    <div class="show-section">
        <h3>Section 1</h3>
    </div>
</div>

CSS

body {
    background-color: #fffff7;
    font: 16px/22px Helvetica, Arial, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
}
#container {
    display: block;
    margin: 0 auto;
    margin-top: 50px;
    max-width: 800px;
}

最大宽度：800px

宽度：70％

当它达到720左右时没有调整大小，因为它不应该在屏幕上居中，但如果不是最大宽度：800px;会放宽：70％有效。但我不希望这样，因为当屏幕太大时，div也是如此，所以我希望有一个尺寸限制。

Answer 1

似乎对我有用，我只需要在'容器'ID之后添加一点双引号。

<div id="container>

要

<div id="container">

小提琴：http://jsfiddle.net/mUCSz/1/。只需调整预览窗格的大小。