如何在含position relative父元素的可滚动容器中实现overflow-x visible

此处为示意图

如图所示，有两个蓝色方块超出布局范围，需在红色区块内滚动。这些方块以蓝色线条为参照设置水平位置，在标记结构中，小蓝色方块位于蓝色线条内部且为position: absolute定位。

若蓝色线条未设置position: relative，overflow表现正常，但我需要让溢出的方块随蓝色线条一起在红色区块内滚动。

内容的提问来源于stack exchange，提问作者Ярослав Старущенко