CSS 表格宽度 - 100% + 负边距

Question

我偶然发现了一个我不确定如何解决的问题。

我有一个包含多个 div 的页面，其中一个包含一个表格，但边距为 20px。我需要这张表与另一个 div 的右侧“对接”，这是我通过使用 -20px 的边距实现的——正如我所希望的那样。由于此 div(覆盖页面的整个右侧)是流动的，因此表格的宽度为 100%。

虽然表格的左侧是我想要的位置，但右侧现在距离其他所有内容都少了 20 像素。

有没有一种方法可以在不将表格从右侧移动 20px 的情况下保持右侧的负边距？我尝试了一些没有成功的事情。我的表格 CSS 粘贴在下面。

.pricetable {
    width:100%;
    margin-left: -20px;
    padding: 5px;
}

Answer 1

我的解决方案是将表格包裹在一个带有负边距的 div 中。

<div style="margin-right:-20px">
  <table style="width:100%">
     ...
  </table>
</div>