如何停止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;
}

请注意，你不能两种方式 - 孩子既不能是400px + 100px填充，也要填充400px的父级。