CSS：相对定位的元素，百分比最高

Question

我发现了一些关于此的问题，但并不是真正能让我满意的答案。我认为这是不可能的，但至少我想知道它背后的逻辑以及为什么它不可能。

我想要实现的目标： 两个元素，父母和孩子，都有相对的定位。我想对孩子申请top: -50%，但是没有按预期工作。

基本上我需要.child元素向顶部移动一半高度。

html：

<div class="parent">
   <div class="child">some content <br> on two lines</div>
</div>

的CSS：

.child {
  position: relative;
  top: -50%;
}

现在，我希望.child元素＆＃34;＆＃34;垂直中心＆＃34;与.parent元素的顶部一致。我希望这是有道理的。

我知道如果我在父级上设置绝对高度，它就会起作用。但是，我不需要百分比，对吗？

正如我所说，我不希望这是可能的，但如果有人向我解释原因，那将会非常有用。

由于