隐式计算弹性项目之间的空格？

Question

我有一个包含3个flex项目的flex容器，需要在最后一个项目上放置一个绝对定位的div。并添加一个效果，使它的左填充恰好是flex-items之间空间的一半。 我通过显式计算值来解决它。 我想知道calc是否可以简化，但避免了减去孩子宽度的parent-sum。 在flex容器中是否有一些可以为您提供空格值的属性？

或者有没有更好的方法来实现相同的目标。

*{
  padding:0px;
  border:0px;
  box-sizing:border-box;
}
.parent{

  width:200px;
  height:20px;
  display:flex;
  justify-content:space-between;
  position:relative;
}
.child{
  font-size:14px;
  width:50px;
  height:100%;
  background-color:blue;
}
.pop-over{
  box-sizing:content-box;
  width:50px;
  height:120%;
  position:absolute;
  right:0;
  top:0;
  background-color:red;
  opacity:.5;
  padding-left:calc((100% - 150px) / 4)
}

<div class="parent">
  <div class="child">
Child
  </div>
  <div class="child">
    Child
  </div>
   <div class="child">
     Child
  </div>
  <div class="pop-over">
  </div>
</div>