margin设置的是结果还是移动的距离？

margin-top:20px;是指上边距就是20px;还是指向下移动20px? margin-top:-10px;是指向上移动10px,为什么不是指上边距是-10px? 一直以为margin 设置的是结果！到底是指结果还是指移动的距离啊T.T突然就昏了。。。

慕瓜1116671

2016-04-11

源自：导航条菜单的制作 4-1

关注问题我要回答

779

操作

收起

1 回答

nick_name 回答被采纳 +3 积分
2016-04-11

margin-top:20px;是指与另一个块级元素上边距离的20px；margin-top:-10px;是指与下边距离10px;所以上升了.

0 回复有任何疑惑可以回复我~

收起回答

慕瓜1116671 提问者

谢谢！自己试了一遍明白了！因为第一次设置margin-top:20px;是在<li>标签上设置的。第二次设置margin-top:-10px;是在<a>标签上设置的！所以第二次的margin-top:-10px;是针对<li>这个包含块设置的上边距！之前是0，现在是-10px，所以向上移动10px。之前理解错了，以为是在20px的基础上再设置-10px。