在保持宽度的同时向右移动html表

Question

我想将页面上的几个HTML表格移到右侧。所以我在表定义中添加了style=margin-left:30px。问题是我希望宽度保持在100％，但会出现水平滚动条。所以我添加了这个CSS：

html,body {
  overflow-x: hidden;
  width: 100%;
}

这会删除滚动条，但它会截断表格的右侧30px，其中包含一些我需要的右对齐按钮。

如何正确移动桌子并将整个桌子保持在较小的宽度内？

Answer 1

尝试使用padding-left代替margin-left。

Answer 2

如果您不需要支持IE＆lt; 9，您可以使用calc作为表格的宽度，并仍然使用margin-left抵消它：

width: calc(100% - 30px);
margin-left: 30px;