无法理解负边际的工作方式

Question

请看下面的html ...

.wrapper {
  position: relative;
}

.mydiv1 {
  margin-left: -10px;
  margin-top: -10px;
}

<div class="wrapper">
  <div class="mydiv1">div1</div>
</div>

.mydiv1被拉到了10px，并从它的父母的左边框开始。 但顶部没有任何反应。 为什么它的工作方式不同？