负边距宽度如何影响浮动？

Question

当静态元素在顶部/左侧给出负边距时，它会沿指定方向拉动元素。

＆＃13;

＆＃13;

div.box{
    height:260px;
    width:400px;    
    border:1px solid black;
}
div.left{
    float:left;
    height:30px;
    width:400px;
    border:1px solid red;
} 

div.right{
    float:left;
    height:30px;
    width:400px;
    border:4px solid green;
    margin-left:-300px;
    text-align:right;
}

＆＃13;

<div class="box">
  <div class="left">left</div>
  <div class="right">right</div>
</div>

＆＃13;

＆＃13;

＆＃13;

1.div.left和div.right在不同的空间 2.div.right被放置300px宽度。

现在将div.right的css中的margin-left更改为-600px。

＆＃13;

＆＃13;

div.box{
    height:260px;
    width:400px;    
    border:1px solid black;
}
div.left{
    float:left;
    height:30px;
    width:400px;
    border:1px solid red;
} 

div.right{
    float:left;
    height:30px;
    width:400px;
    border:4px solid green;
    margin-left:-600px;
    text-align:right;
}

＆＃13;

<div class="box">
  <div class="left">left</div>
  <div class="right">right</div>
</div>

＆＃13;

＆＃13;

＆＃13;   

当负边距扩大到600px时，为什么div.right和div.left会相互重叠？ 这种外观会产生什么结果？
负边距宽度如何影响浮动？