浮動小数点型の埋め込みで浮動小数点数が増加する

Question

Webサイト用の単純な2列レイアウトを作成していますが、少し問題があります。 float：leftが適用されている列にパディングを追加すると、floatは定義した幅を超えて展開されます。私はどこでもこれに対する答えを見つけることができないようです。

Answer 1

ページをレンダリングするときに、埋め込みが幅の一部と見なされるため、幅を調整する必要があります。

divで200px、右側に10pxのパディングがあるとします。

.box { 
    width:200px; 
    padding-right:10px; 
} 

実際の幅は210pxです。