css - div とその境界線の幅の問題

Question

私はcssの初心者です。この質問についてあなたと話したいです：

A という名前の div があり、その幅 = X px があり、その中に div B と div C という 2 つの div があるとします。

部門 B:

width: 20%;
border: 1px;

区分 C:

width: 80%;
border: 1px;

そのため、これら 2 つの div の幅の合計は次のようになります。

20% + 80% + 2(1px left border + 1px right border) => 100% (" width of div A) + 4px

問題は、境界線の幅に関係なく、B と C の幅を幅 A に等しくする方法です。

Answer 1

BまたはCのいずれかがfloat属性を持っていると思います。その場合、width非フローティング div から -specation をスキップします。残りの幅が自動的にいっぱいになり、A の境界にぴったりと収まります。