css_html/css_WEB-ITnoseのデフォルト幅について

<div class="boxa">    <div class="boxb">我是div</div></div>

.boxa{          width:300px;          height:300px;          background-color:green;          border:2px solid red;}.boxb{          <!--没有写宽度即默认宽度 为父元素的100%-->           height:300px;           background-color:orange;           border:2px solid red;}

このコードのboxbの実際の幅は300pxにはなりません;

親要素を100%継承しますが;

これについて私が理解していることです

ここでの boxc の幅は 300px で、boxd の幅は 296px です。つまり、親要素 boxc はボックスモデルを任意に設定できます

boxd の幅は、設定した幅 300px と等しくなります。すべてのボックス モデルの幅を組み合わせたものに等しい

その幅のみを継承し、他の値は継承しません。

boxd は、すべてのボックス モデルを合計することによって計算されます。つまり、幅 296px + 境界線の 4px = boxc の 300 ピクセルになります。boxd のボックス モデルは変わりません。

別の画像を見てみましょう

この画像のboxdの幅は276 276 + 20 +4=300pxです

boxcの幅と同じです

つまり、親要素の好きなようにボックスモデルを追加できます。

子要素にはボックス モデルを追加することもでき、最終的な値は親要素の幅と等しくなければなりません。それを超える場合は幅から差し引かれます。

何か間違っていることや悪い点があれば、遠慮なく修正してください。