最大宽度像素宽度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