Css 框阴影vs显示：内联块vs显示：内联-有趣的行为

我刚刚遇到一个有趣的问题。我有3个div彼此相邻，显示：inline block，宽度：32%。它们都有一个按钮，里面有框阴影集

输出：

正如您在第一张图片上看到的，第一个按钮和第三个按钮上都有阴影，但阴影的方向与第二个按钮的方向不同

我已经检查了调试器中的所有内容，它们具有相同的框阴影设置

如果我将内联块更改为内联，只是为了测试第二张图片，阴影会进入相同的正确方向，但是-当然-宽度有问题

我需要把3个按钮放在一起

请帮助：

提前谢谢

我知道了：

JSFiddle:JSFiddle.net/bt4jvr8k

问题是col-3分区的溢出：隐藏

---

按钮的溢出几乎存在同样的问题：隐藏，但它只是从侧面裁剪阴影，而div也从底部裁剪阴影。

您可以在stackoverflow上或使用stackoverflow上的代码段编辑器制作演示吗？我们需要查看代码以便更好地帮助您。谢谢您的提示。我从零开始重建了一切，并得到了解决方案。编辑：用回车键发布，对不起。我在这里是个傻瓜：所以，JSFIDLE在这里：问题是col-3 div的溢出：隐藏。按钮的溢出也存在同样的问题：隐藏，但它只是从侧面裁剪阴影。