让flex父元素中的绝对元素填充父元素的大小

Question

对于仅由flexbox进行布局的页面，我想在其中一个flexbox的顶部创建一个覆盖层，而不会干扰已经存在的其他元素

  <div class="row">
    <div class= content-left> </div>
    <div class= content-right>
        <div class="abs-overlay" > something something </div>
    </div>
  </div> 

绝对重叠，使用100％的宽度和100％的高度，但是延伸到父框之外。如图中所示。 是否有CSS方法可以使绝对叠加层适合flex父级？

这是测试页的链接 http://sample-page-site.s3-website-ap-southeast-1.amazonaws.com/

关于SoF，有一些相关的问题，但我认为它不能直接解决我的问题。