父 div 上的溢出防止框阴影显示

Question

我有一个<table>软的box-shadow，我想把它包在一个里面，<div>这样我就可以让内容在 x 轴上溢出（真实的表格很大，我需要在较小的屏幕上使用这种效果）。

这是简单的，但是当我添加CSS属性overflow-x: auto;在包装<div>中box-shadow还没有正确显示（仅右侧的box-shadow是可见的，只有在更大的屏幕）。
请参考这个 JSbin 示例，其中第一个表是正确的可视化，而第二个表有故障。

如何在不删除溢出属性的情况下解决问题？

Answer 1

您可以为与阴影大小相同的父级添加填充。