为什么box c在增加margin-top后不会向下移动

Question

您可以在http://jsfiddle.net/ryamx/2/

找到示例代码

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

}

我的目的是通过margin-top的更改值移动框c。 它有明确的属性，然后它不起作用。 为什么呢？

简单地说“清除”效果元素行为

Answer 1

尝试clear:both;

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

Jsfiddle

Answer 2

实际上它的边缘折叠基本上看到附加图像

因此我们可以删除margin-collapsing到float 将float:left;提供给您的ID #C

<强> CSS

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

}

DEMO

现在，在 #b

之后看到更新后的图片margin