<table style="border-collapse: collapse; background-color: #000; width: calc(100% + 40px); margin-left: -10px; margin-right: -10px">
<tr>
<td>
<p style="color: white">Test 1</p>
</td>
<td>
<p style="color: white">Test 2</p>
</td>
<td>
<p style="color: white">Test 3</p>
</td>
</tr>
<tr>
<td>
<p style="color: white">Test 1</p>
</td>
<td>
<p style="color: white">Test 2</p>
</td>
<td>
<p style="color: white">Test 3</p>
</td>
</tr>
</table>
<hr>我正在尝试将表格向右、向左和向右移动，以便无法垂直滚动。只是将宽度放在计算（100% + 20px）是行不通的。尽管如此，垂直滚动是可能的，尽管最小。有人可以帮助我吗？
前面的答案是正确的。如果将表的宽度更改为width: 100%，则表不会超出浏览器窗口。
查看您的代码和您关于不想在表格右侧显示"边缘"的评论，我假设您的最初目标是使表格适合浏览器宽度？为了实现这一点，我会考虑将<body>的margin归零，以摆脱其默认边距。您可以在此处看到如何实现此操作：https://jsfiddle.net/urL2nwem/
以下是 CSS Tricks 的一篇文章，它解决了意外的正文溢出问题，可以帮助您防止将来出现此问题： https://css-tricks.com/findingfixing-unintended-body-overflow/
如果你删除 + 40px 没关系
<table style="border-collapse: collapse; background-color: #000; width: calc(100%); margin-left: -10px; margin-right: -10px">
<tr>
<td>
<p style="color: white">Test 1</p>
</td>
<td>
<p style="color: white">Test 2</p>
</td>
<td>
<p style="color: white">Test 3</p>
</td>
</tr>
<tr>
<td>
<p style="color: white">Test 1</p>
</td>
<td>
<p style="color: white">Test 2</p>
</td>
<td>
<p style="color: white">Test 3</p>
</td>
</tr>
</table>
<hr>这样它以某种方式工作。
<body>
<table style="border-collapse: collapse; background-color: #000; width: calc(100% + 18px); margin-left: -10px; margin-right: -10px">
<tr>
<td>
<p style="color: white">Test 1</p>
</td>
<td>
<p style="color: white">Test 2</p>
</td>
<td>
<p style="color: white">Test 3</p>
</td>
</tr>
<tr>
<td>
<p style="color: white">Test 1</p>
</td>
<td>
<p style="color: white">Test 2</p>
</td>
<td>
<p style="color: white">Test 3</p>
</td>
</tr>
</table>