html - 父 div 上的溢出阻止显示框阴影

Question

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

这很简单，但是当我添加 CSS 属性时 overflow-x: auto;在 wrapper 上 <div> box-shadow尚未正确显示(只有右侧框阴影可见，并且仅在较大的屏幕上可见)。
请引用this JSbin example其中第一个表是正确的可视化，而第二个表有问题。

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

Answer 1

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