无论如何，HTML 表格都不适合整个屏幕答案

【问题标题】：HTML table wont fit whole screen no matter what无论如何，HTML 表格都不适合整个屏幕
【发布时间】：2014-03-05 02:26:39
【问题描述】：

基本上，我的网站上有一个表格，不适合浏览器屏幕的 100% 宽度。即使我将宽度更改为 110%，它也只是与右侧重叠，但左侧仍有一个边距空间（表格的外部空间）。我希望表格从左到右完全压在浏览器屏幕上，完全没有空格或边框。我该怎么做呢？我已经尝试了一切，但仍然无法正常工作。我什至尝试了负边距和填充

请帮助我失去理智。这是我的代码：

<table bgcolor="#DBD9D9" rules="none" border="0" width="110%"cellspacing="0" cellpadding="0">
  <tr>
    <td>TEXT HERE</td>
  </tr>
</table>

更新：我像 colin 建议的那样将 css 代码添加到标题中，但它仍然不起作用。正文 {margin:10px;} 表格 {margin:0 -10px;}

【问题讨论】：

标签： html

【解决方案1】：

别忘了在<body> 标签中添加margin: 0;！

【讨论】：

【解决方案2】：

body 上有一个默认的边距需要移除。

将以下css添加到<head>

<style type="text/css">
    body {margin:0;} 
</style>

或者

<style type="text/css">
    body {margin:10px;}
    table {margin:0 -10px;}
</style>

【讨论】：

padding 是否也是 body 的默认值，还是只有我一个人？大声笑
感谢您的快速回复。我将如何只为表格而不是整个页面执行此操作。我试图让网站上的内容看起来有两种音调，所以它每隔 500 个单词左右就分开。也可以通过HTML而不接触css吗？再次感谢
你必须应用一些 CSS 没有办法绕过它。由于边距量因浏览器而异，我建议设置某种默认值，例如body {margin:10px;}，然后将表格设置为负边距table {margin:0 -10}。如果您不希望所有表都以这种方式运行，您可以定义一个类并将其仅应用于您想要的表。
我按照您的建议将 css 代码添加到标题中，但它仍然不起作用。

【解决方案3】：

我也遇到过这种情况：解决方案是将主体的边距和内边距设置为 0。（也许将宽度设置为 100% 也有帮助。）

【讨论】：