如何使绝对定位元素溢出其相对容器

Question

想象一下，我在身体中有以下结构

this.parentElement.parentElement

一般的样式都是这样的

<div class='green-wrapper'>
    <div class='rel-parent'>
        <div class='notification'></div>
    </div>
</div>

通知是绝对定位的，它应该留在绿色包装的边缘。问题是，如果绿色包装宽度有限，我无法使通知图标溢出。它真的很小，为它创建滚动器绝对不是我想要的。

这是一个示例JSBin，请注意底部的滚动条。有没有一般的方法来摆脱它？我认为把溢出：绿色容器上的可见应该做的修复，但无济于事。