サンプル コードはhttp://jsfiddle.net/ryamx/2/にあります。
#c {
width:110px;
height:57px;
border:1px solid blue;
margin-top:250px;
clear:right;
}
私の目的は、margin-top の値を変更してボックス c を移動することです。明確なプロパティがあり、機能しません。なんで?
要素の動作にどのように「明確」に影響するか
サンプル コードはhttp://jsfiddle.net/ryamx/2/にあります。
#c {
width:110px;
height:57px;
border:1px solid blue;
margin-top:250px;
clear:right;
}
私の目的は、margin-top の値を変更してボックス c を移動することです。明確なプロパティがあり、機能しません。なんで?
要素の動作にどのように「明確」に影響するか
試すclear:both;
<div id="b"> b</div>
<div style="width:100%;clear:both;"></div>
<div id="c">c </div>
実際には、そのマージン崩壊は基本的に添付の画像を参照してください
ID #Cmargin-collapsing
にをfloat
渡すことで削除できますfloat:left;
CSS
#c {
width:110px;
height:57px;
border:1px solid blue;
margin-top:250px;
clear:both;
float:left;
}
#bmargin
の後に更新された画像が表示されます