如何创建一个包含x行和y列的表填充窗口？

Question

在body标签内，我有以下代码。

<table style="position: absolute; top: 0; bottom: 0; left: 0; right: 0;">
<tr>
<td>
<input type="button" value = "cell 1 stuff">
</td>
<td>
<input type = "..." value = "cell 2 stuff">
</td>
... for y columns
</tr>
<tr>
... for x rows
</tr>
</table>

我已经尝试过向行和单元格添加宽度和高度属性，我尝试过其他一些东西，主要来自谷歌研究，但我的所有控件和文本都只是在屏幕的左上角分组。 任何帮助表示赞赏！

Answer 1

1）在html和body元素上设置height:100%和

2）在表格元素上设置width:100%和height 100%。

<强> FIDDLE

html,body
{
    height: 100%;
}
table
{
    position: absolute; top: 0; bottom: 0; left: 0; right: 0;
    width: 100%;
    height:100%;
}