为什么为什么？？？

1、绿色盒子设置margin-left：-200px不会在蓝色盒子的底部，原因如下：

因为设置了float:left;原本应该在同一行显示的三个盒子，因为红色盒子宽度是100%显示，撑满了整个窗口，红色盒子的宽度（100%）+蓝色盒子的宽度（200px）+绿色盒子的宽度（200px）>浏览器窗口宽度（100%），所以，即便是设置了float:left，蓝色盒子和绿色盒子也会被挤到下一行去显示，这个时候，我们给蓝色盒子和绿色盒子设置margin-left:负值，那么，相当于是将三个盒子的宽度相加，再加上margin-left的负值，整个宽度小于浏览器窗口的宽度，这个时候，float：left就生效了，因此，显示的效果如下:

所以，绿色盒子设置margin-left:-200px,是不会在蓝色盒子下面显示的。

2、设置margin-right:199px,右侧盒子不在最右侧显示的原因是：右侧盒子的宽度是200px，设置了margin-right：-199px，相当于是把盒子移动到了如下位置：

希望可以帮到你！