溢出区域外的盒子阴影

我在容器内有几个盒子,容器设置为溢出:隐藏以确保一切都停留在它的位置并带走溢出:隐藏(特别是overflow-x:hidden)不是一个选项.

我试图给盒子一个盒子阴影,但是当这样做时,盒子右边的阴影显然没有出现,因为父对象停在那里并且没有溢出.

有没有办法解决这个问题？

你能为内部div添加边距吗？

    #inner-div {
      margin: 10px
    }