margin负值的含义是什么？

Question

HTML:

<div class="main">
  <div class="inner"></div>
</div>
 

CSS：

*{
  padding: 0;
  margin: 0;
}
.main{
  margin: 40px auto;
   width: 100px;
  border: 1px solid #000;
}
.inner{
 width: 100px;
 height: 100px;
 background-color: pink;

/* margin-top: -10px;
 margin-top: 10px;
 margin-bottom: -10px;
 margin-bottom: 10px;
 margin-left: -10px;
 margin-left: 10px;
margin-right: -10px;
margin-right: 10px;*/
}

在上面inner注释里面margin-top、 margin-bottom、margin-left设置正负值都出现效果，唯独margin-right设置正负值都没反应，这是为啥？还有设置负值的意义就是为了移动吗？

Answer 1

左上和右下的负值效果是不一样的

https://segmentfault.com/a/11...