0

サンプル コードはhttp://jsfiddle.net/ryamx/2/にあります。

#c {
    width:110px;
    height:57px;
    border:1px solid blue;
    margin-top:250px;
    clear:right;

}

私の目的は、margin-top の値を変更してボックス c を移動することです。明確なプロパティがあり、機能しません。なんで?

要素の動作にどのように「明確」に影響するか

4

2 に答える 2

1

試すclear:both;

<div id="b"> b</div>
<div style="width:100%;clear:both;"></div>
<div id="c">c </div>

Jsfiddle

于 2012-11-20T08:48:25.423 に答える
0

実際には、そのマージン崩壊は基本的に添付の画像を参照してください

ここに画像の説明を入力

ID #Cmargin-collapsingにをfloat 渡すことで削除できますfloat:left;

CSS

#c {
    width:110px;
    height:57px;
    border:1px solid blue;
    margin-top:250px;
    clear:both;
    float:left;

}

デモ

#bmarginの後に更新された画像が表示されます

ここに画像の説明を入力

于 2012-11-20T09:00:38.880 に答える