关于margin-left：-150px为什么会有如此强大的效果

为什么将margin-left: 设置为-150px，就会出现选择题示意图的效果呢？

.one {
   height: 800px;
   width: 100%;
}
.red {
   background-color: red;
   height: 100px;
   width: 100px;
   float: left;
   margin: 50px;
}
.blue {
   background-color:blue;
   height: 100px;
   width: 100px;
   float: left;
   margin-top: 200px;
   margin-left: -150px;
}