###问问问###谢谢

同学你好，margin-left为负值是往左移动，当移动到浏览器的最左侧，就会排到上一行。可以理解为最左侧是一堵墙，翻不过去，但是margin-left值一直变小，就排到上一行了。

当margin-left: -100%;时，就会在第一行的左侧了，也就是下方的位置：

此时它距离左侧还有父元素设置的padding的距离 ，结合定位 ，即可移动到页面的最左侧。

同学可以再理解下。祝学习愉快~

同学你好，关于同学的疑问，解答如下：

1、margin-left为负值是往左移动。左边盒子往左移动margin-left:-100%，就是父元素宽度的100% ，是不包括padding的 , 所以会贴在middle左侧 。

2、理解的是正确的，margin-left:-220px;是向左移动220px。

关于圣杯布局，可以再参考教辅理解下，链接：http://file.mukewang.com/class/assist/192/4698985/%E5%9C%A3%E6%9D%AF%E5%B8%83%E5%B1%80%E5%AE%9E%E7%8E%B0%E6%80%9D%E8%B7%AF.pdf

3、关于margin，padding和float可以参考下方：

1）margin可以设置四个方向上的外边距，分别是：

margin-top 属性设置元素的上外边距

margin-right 属性设置元素的右外边距。

margin-bottom 属性设置元素的下外边距。

margin-left 属性设置元素的左外边距。

2）padding可以设置四个方向上的内边距，分别是：

padding-top 属性设置元素的上内边距

padding-right 属性设置元素右内边距

padding-bottom 属性设置元素的下内边距

padding-left 属性设置元素左内边距

3）float属性有四个值，分别是：

left    元素向左浮动。    

right    元素向右浮动。    

none    默认值。元素不浮动。    

inherit    规定应该从父元素继承 float 属性的值。

inherit 了解下即可，不常用。

关于这些内容在之前的视频中都有过讲解，同学可以再去回顾下。

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