0

この例があり、青い 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;
}

どうすればそれができますか。

4

1 に答える 1

0

コンテンツの幅を設定しなければ、すべてが思い通りに機能すると思いますか?

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 の親を埋めることもできません。

于 2013-06-11T21:12:51.900 に答える