让孩子成为父母的一半

我有一个父div和一个子div.我希望孩子有父div的半宽和半高.我不能使用任何特定值(例如:500px)或任何视点单位(vh&vw) /百合维度.那么有没有任何方法可以继承父div的一半维度？

如果使用CSS,答案是使用父级维度的百分比作为子宽度和高度

.parent {
  height: 100px;
  width: 100px;
  background: red;
}

.child {
  height: 50%;
  width: 50%;
  background: blue;
}