css - 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 时。没有调整大小，也不是应该在屏幕上居中，而是如果不是 max-width: 800px; 会放 width: 70% 的作品。但我不希望这样，因为当屏幕太大时，div 也是如此，所以我希望有一个大小限制。

Answer 1

似乎对我有用，我只需要在“容器”ID 之后添加一个小双引号。

<div id="container>

至

<div id="container">

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