最大寬度像素寬度100％

Question

似乎微不足道，但我似乎正在努力與此。我有一個容器div和內容。頁面需要有響應，所以很自然地我使用了最大寬度（以px爲單位）。

我已經添加寬度：100％的div，h2和p標籤，但寬度不會擴展到最大寬度。我怎樣才能得到divs擴大到他們的最大尺寸沒有明確地將寬度設置爲這個固定值？

CSS和HTML

.container {max-width:1200px; width:100%;} 
 
.container h2 {max-width:400px; width:100%;} 
 
.container p {max-width:900px; width:100%;}

<div class="container"> 
 
    <h2>Dynamically populated using PHP</h2> 
 
    <p>Dynamically populated using PHP</p> 
 
</div>

編輯：這是CSS埋在其他的div引起問題，上述工程的代碼。

Answer 1

您忘記了寬度規則後的分號。

<div class="container"> 
    <h2>Dynamically populated using PHP</h2> 
    <p>Dynamically populated using PHP</p> 
</div> 

.container {max-width:1200px; width:100%; background-color: red;} 
.container h2 {max-width:400px; width:100%; background-color: blue;} 
.container p {max-width:900px; width:100%; background-color: green;} 

http://jsfiddle.net/kr1b92mu/

我添加了背景顏色以表明它的工作:)。

Answer 2

max-width屬性用於設置元素的最大寬度。 這可以防止width屬性的值變得大於最大寬度。 這是一個「限制」。

寬度屬性是一個如何穩定元素的確切寬度。

http://www.w3schools.com/cssref/pr_dim_max-width.asp