老师这里的right部分设置的margin-left为-220px,怎么理解啊

“__帅_包包”同学你好，右侧的内容设置margin-left: -220px;再配合right值就可以实现效果了，或者使用margin-right: -100%;也可以实现效果。两种方式都可以的

祝学习愉快~

同学你好，margin-left值设置为负值，元素是会往左移动的。

三个盒子本来浮动后要在一行显示 ，并且类名为right的元素应该在middle后面，也就是右边显示 。但是由于middle设置宽度100%把它们挤下去了 。此时如果强制性让小盒子往左移动 ，那么就会当移动的值是它自身的宽度之后（负值），它整个区域会叠在中间盒子上面（此时距离右边还剩父元素padding的距离，结合定位移动），就到达了最右侧，

实现的思路，也可以参考下教辅哦，例：

如果我的回答帮到了你，欢迎采纳，祝学习愉快~