在html div和表中折叠边距

Question

我有一个像这样的html页面结构。

<div>
    <p>Header</p>
    <table>
       <!-- Lots of TR and TD elements in here -->
    </table>
    <p>Footer</p>
</div>

<div>的{​​{1}} width和500px margin。大多数情况下，25px <table>的{​​{1}}小于width，但有时为500px。我有800px <div>，但当style="overflow-x: scroll; overflow-y: scroll;很大时，我滚动到右边，我的边距消失了。我尝试将<table>添加到margin-right: 25px，但表的右边框没有边距。

我该如何解决这个问题？