1

我有一张高度为 100% 的桌子。该表有 3 行。第一行和第三行高度为 100 像素。所以，固定高度的行。在第二行里面，还有一张桌子。而且我希望这张桌子也是高度的 100%，自动计算高度的空间。是的，在我的 CSS 中，HTML 和 BODY 的高度：100%，边距：0px 和填充：0px。像这样：

<table border=0 cellpadding=0 cellspacing=0 width=100% style="height: 100%;">
<tr>
<td height=100>Header</td>
</tr>
<tr>
<td style="height: 100%;">
<table border=01 cellpadding=0 cellspacing=0 width=90% style="height: auto;">
<tr>
<td style="height: 50px;">Inside 1</td>
</tr>
<tr>
<td style="height: 100%;">Inside 2</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height=100>Footer</td>
</tr>
</table>

在 IE 和 Chrome 中，高度完全错误......我该如何解决这个问题？

4

2 回答 2

1

  1. 这些表格是用于表格数据还是用于布局？不要使用表格进行布局。请参阅为什么不在 HTML 中使用表格进行布局？.

  2. 这不是 HTML5。HTML5 不支持这些元素的 cellpadding、cellspacing、border、width 或 height 属性。您应该改用 CSS。

  3. 一般来说，如果你给他们一个jsFiddle或类似的东西，他们会更容易帮助解决这些问题。

  4. 要真正解决您的问题，请将嵌入式表格的高度设置为100%，而不是auto。js小提琴。但说真的，#1-3 比#4 更重要。

于 2012-09-28T21:27:40.890 回答
0

您将内部表格的 100% 高度分配给 td 元素，而不是表格本身。

在上面的第 6 行，删除高度声明，然后在第 7 行为您的表格更改“height: auto;” 到“身高：100%；”

于 2012-09-28T21:28:50.177 回答