これは今日私をとても悩ませてきました。私がやりたいことは、box-sizing メソッドを使用して、親の 100% から余白 (たとえば 10 ピクセル) を引いたものを使用して、子オブジェクトのサイズを制御することです。
ボックスサイズ変更機能を親と 10 px のパディングで使用して、子を 100% に設定できることはわかっていますが、その逆が可能かどうかを知りたいです。
これが私が持っているものです....現時点では、子ボックスが親オブジェクトに100％適合するだけで、マージンは表示されません。
<div id="Parent">
<div id="Child">
</div>
</div>
と...
#Parent
{
height:500px;
width:500px;
background-color:red;
}
#Child
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-top:10px;
margin-left:10px;
width:100%;
height:100%;
background-color:green;
}