将保证金设置为父级的50％

Question

我将孩子的边距设置为父母身高的50％。但它不起作用。它从应有的位置下降了。

.base {
  background-color: green;
  width: 200px;
  height: 100px;
  overflow: auto;
}

.vert-align {
  margin-top: 50%
}

<div class="base">
  <div class="vert-align">
    Content Here
  </div>
</div>