1

ソースは次のとおりです。

<div style="border:1px solid red; margin-bottom:10px">test block1,</div>;    
<div style="border:1px solid red; margin-top:10px">test block2</div>;

それは常に10pxblock1とblock2の間にあります...

何が悪いのかわかりません。padding「使用」および「変更20px」とは言わないでください

を使用する必要がmargin-bottomありmargin-topます10px。

4

2 に答える 2

5

それは崩壊マージンと呼ばれます

w3cによると

CSS では、2 つ以上のボックス (兄弟である場合とそうでない場合があります) の隣接するマージンを結合して、1 つのマージンを形成できます。このように組み合わされた余白はつぶれていると言われ、その結果の組み合わされた余白はつぶれた余白と呼ばれます。

これを読んでくださいhttp://reference.sitepoint.com/css/collapsingmargins

于 2012-09-12T05:39:05.817 に答える
1

float: left;両方のdivにも使用でき、clear: both;確実に機能します;）

于 2012-09-12T05:55:00.660 に答える