javascript - ボックスが3つ並んでいますが、各ボックス間の距離は15px、外側の白いボックスからの距離も15pxです このCSSの書き方は？

Question

Answer 1

フレックスも実装できるようです

Answer 2

小さいフレーム: {

リーリー

}

大きいフレーム: {

リーリー

}

Answer 3

大パディング:15px;小マージン-右:15ピクセル;マージン-ボトム:15ピクセル;小框nth-child(3n)のマージン-右:0;last-child,nth-last-child(2),nth -last-child(3)のmargin-bottom:0;

Answer 4

小数点の設定は有効になりません。一部のブラウザは四捨五入します。上記の答えは正しいです。最後の小さなボックスを個別に設定する必要があります。

Answer 5

フレックスレイアウトは実装が簡単です

Answer 6

n番目の子(3n){

リーリー

},
大きなフレームのパディング: 15px;
小さなフレームの幅は (大きなフレームの幅 - 60px)/3 になります。これにより、各行に 3 つの小さなフレームが存在し、レイアウトも固定されます。小さいフレームのフロート: 左: 15px;

Answer 7

<p>

リーリー

</p>

p 内側のマージン パディングを設定します
dl Set float: left;
dt,dd Set float: left;
残りは、ボックスの幅、高さ、内側と外側のマージンを定義することです

初心者なので間違っていたらご指摘ください

Answer 8

この方法はie6と互換性があります

リーリー