div中的最大寬度使響應式設計不起作用

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; 
} 

最大寬度：800像素

寬度：70％

當它到達720約沒有調整大小，也不是因爲它應該居中在屏幕上，但是如果不是max-width：800px;會放寬度：70％的作品。但我不想這樣，因爲當屏幕太大，div也是如此，所以我想有一個大小限制。

Answer 1

似乎爲我工作，我只需要在「容器」ID後添加一點雙引號。

<div id="container> 

要

<div id="container"> 

小提琴：http://jsfiddle.net/mUCSz/1/。只需調整預覽窗格的大小。