溢出区域外的盒子阴影

Ieu*_*uan 4 html css overflow box-shadow

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

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

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

图像显示了我的意思

mus*_*006 5

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

    #inner-div {
      margin: 10px
    }
Run Code Online (Sandbox Code Playgroud)

检查这个JSFiddle

  • 这是另一种选择,但整个网站将偏离 10 像素,因为容器居中且块位于其中 (3认同)