Css 框阴影-仅获取边框底部，而不是右侧和底部-为什么？

我希望在给定的div上，底部和右侧都有阴影

#navigation-and-slideshow {
    overflow: hidden;
    background-color: #fff;
    padding: 10px 1%;
    box-shadow: 2px 2px 5px #222;
}

我只对所有经过测试的浏览器了解得最透彻。 谁能帮我解决这个问题

---

谢谢

您的div的宽度在浏览器窗口的整个宽度上都很宽。在Firefox和Chrome中，阴影被认为位于整个窗口区域之外，因此无法看到。在Opera中，窗口区域会增加以适应阴影。浏览器窗口中将出现一个滚动条。如果向右滚动，您将看到右边框阴影。

小提琴可能会有所帮助。像这样：。你的代码在那里确实有效。但我必须指定一个高度和宽度。这可能是你的问题。如果我只将宽度设置为97%或更小，它就可以工作。我不明白为什么，所以问题仍然存在（可能是因为如果你的宽度超过97%，右边就没有任何空间了。）