css面试题-margin负值问题

先上结论

• margin-top 和 margin-left 负值，元素向上、向左移动
• margin-right负值，右侧元素左移，自身不受影响
• margin-bottom负值，下方元素上移，自身不受影响

1.margin-top 为负值的情况

注意，我们操作的是下方的元素（item2）
从图片中可以看出，margin-top为负的时候，元素自身向上移动

2.margin-left 为负值的情况

注意，我们操作的是右侧的元素（item4）

从图片中可以看出，margin-left为负的时候，元素自身左移

3.margin-bottom 为负值的情况

注意，我们操作的是上方的元素（item1）

从图片中可以看出，margin-bottom为负的时候，下方元素上移，元素自身无变化

4.margin-right 为负值的情况

注意：我们操作的是左侧的元素（item3）

从图片中可以看出，margin-right为负的时候，左侧元素右移，元素自身无变化