父div上的溢出会阻止显示box-shadow

Question

我有一个带有<table>的{​​{1}}，我想将它包装在box-shadow内，这样我就可以让内容在x轴上溢出（实际的表很大） ，我需要在较小的屏幕上使用此效果。）

这很简单但是当我在包装器<div>上添加CSS属性overflow-x: auto;时，<div>尚未正确显示（只有右侧的盒子阴影可见，并且仅在更大的屏幕） 请参考this JSbin example，其中第一个表是正确的可视化，而第二个表有毛刺。

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

Answer 1

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