如何理解margin-left:-100%;

同学你好，以下面的例子为例：

a、b元素都设置浮动，a的宽度是100%，b宽度是100px，不给b设置margin-left负值时，a、b的位置如下：

当给b设置margin-left负值时，b的位置如下：

即给浮动元素设置margin-left为负值时，元素会左移。可以对比一下给元素设置margin-left正值时，元素会往右移动，而margin-left负值与margin-left正值是相反的，所以会往左移。

当margin-left大于自身的宽度时，元素b就会上去，和a在一行显示，就相当于a已经挡不住b了，b就可以上去了，如下：

当margin-left为-100%时，这个100%是相对于父元素的宽度的，在我们这个例子中，父元素是body，所以-100%就等于body的宽度，刚好能让b运动到a左侧，如下：

对此，同学了解一下这个现象就行，会用即可。

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