为什么我的桌子不是 100% 宽的？答案

【问题标题】：Why isn't my table 100% wide?为什么我的桌子不是 100% 宽的？
【发布时间】：2011-08-01 18:17:59
【问题描述】：

在 100% 宽的页面上，我想要一个填满整个屏幕的表格。我在第一个带有图像的桌子上遇到问题。

<table cellspacing="0" cellpadding="0" border="0" width="100%" align="center">
<tr>
<td bgcolor="$bordercolor">
<table border="0" cellspacing="100%" cellpadding="$tablespace" width="100%" >
<tr>
<td class="tablerow" bgcolor="$altbg2" background="images/idown/bga.png">
<table width="100%" border="0" cellspacing="0" cellpadding="0" >
<tr>
<td class="tablerow" align="left">$lang[loggedin] <a href=member.php?action=viewpro&amp;member=$xmbuser>$xmbuser</a> $loginout | $lastvisittext <br>$newu2umsg</td>
<td class="tablerow" align="right" >$searchlink $links $pluglink</td>
</tr>
</table>
</td>
</tr>
</tr>
</table>
</td>
</tr>
</table>

（也叫http://ydown.totalh.com/forum/。）

【问题讨论】：

<table style="width: 100%;"> 可以正常工作。这是你需要的吗？

标签： html html-table width

【解决方案1】：

您有嵌套表。如果您真的想在该表上拥有 100% 的宽度，则需要将宽度 100% 添加到外部表和内部表中。外部表格的宽度设置为 1028px。

【讨论】：

【解决方案2】：

因为我们看不到您的 HTML（仅生成的 HTML），所以无法调试您的问题。根据呈现的 HTML，您的宽度设置为 1028px。

表格根本不适合页面布局。你应该用 CSS 来解决这个特殊的问题——特别是 Divs。

【讨论】：

【解决方案3】：

问题在于作为您发布代码的表的父表。

<table width="1028px" cellpadding="0" cellspacing="0" align="center">

它的宽度设置为 1028px，而不是 100%。改为将其设置为 100%。

<table width="100%" cellspacing="0" cellpadding="0" border="0" bgcolor="#cacaca" align="center">

【讨论】：

@langel - 将 width="1028 px" 或 width="1028px" 的所有实例更改为 width="100%"。如果您仍然遇到问题，请更新原始问题中的代码。

【解决方案4】：

对于大多数人来说，这个问题的答案可能与嵌套表无关。实际上，包含表格的 body 元素中存在一些边框或边距。您应该在BODY 元素中添加一些样式属性，例如margin:0px;border:0px 以消除它。

【讨论】：