如何停止與100％寬度div的溢出

Question

我有這個例子，我需要停止溢出（尊重填充）的藍色div，但我需要100％的寬度。

<div id="container"> 
    <div id="content"></div> 
</div> 

#container{ 
    width: 400px; 
    display: block; 
    padding-left 50px; 
    border : solid 1px brown; 
    min-height: 400px; 
    background: green; 
} 
#content { 
    margin-left: 50px; 
    margin-right: 50px; 
    min-height: 200px; 
    width:100%; 
    background: blue; 
} 

請問我該怎麼做。

Answer 1

如果你沒有設置你的內容的寬度，我認爲一切都按你的意願進行。

http://jsfiddle.net/PPYQQ/

#container { 
    width: 400px; 
    display: block; 
    padding-left 50px; 
    border : solid 1px brown; 
    min-height: 400px; 
    background: green; 
} 

#content { 
    margin-left: 50px; 
    margin-right: 50px; 
    min-height: 200px; 
    background: blue; 
} 

請注意，你不能兩者兼得 - 孩子不能同時爲400像素，100像素+填充還要填寫家長這是在大小400像素。