2

私は2つのdivを持っていてfloat:left、このように並べて表示しています:

ここに画像の説明を入力

それらの CSS は次のとおりです。

.movie-activity-feed{
    background:#f87777;
    float:left;
    padding:1%;
    margin:1% 2.5%;
    width:46%;
}

そして、それらは列全体を適切に占有します。しかし、次のような境界線を追加すると:

border:2px solid #000;

div は次のようにスピルオーバーします:

行で使用できない余分な 8 ピクセルの境界線があるためです。しかし、マージンを何かとして宣言する方法はあり2.5% - 2pxますか? 要するに、設計を壊すことなく、(% を使用して) 私の流動的な div に幅の境界線を固定する方法はありますか?

ここに画像の説明を入力

編集:

通行人のコメントと次の質問を使用してこれを解決しましたbox-sizing: Fluid CSS layout and Borders

これにより、心配することなく、流動的な div に任意のパディング/境界線を喜んで追加できます。

4

2 に答える 2