我需要在网页上创建一个有两行的表。该表格需要填充整个页面，因此我在 CSS 样式表中将表格的高度和宽度设置为 100%，并将 HTML 和正文的高度也设置为 100%。
但是，我需要将表格顶行的高度精确为 100 像素，并扩展第二行以适合表格的其余部分。当我设置顶行的高度时，它不起作用。
这种行为可能吗？我尝试了以下方法，但它不起作用。
<table style="border-collapse:collapse;height:100%;width:100%;">
<tr>
<td style="border:solid 1px black;height:100px">1</td>
<td style="border:solid 1px black">2</td>
</tr>
<tr>
<td style="border:solid 1px black">3</td>
<td style="border:solid 1px black">4</td>
</tr>
</table>
编辑：我正在使用表格数据，并且特别想使用表格，而不是 div。上面的示例是简化一个大约有 20 列的表格。
编辑2：我发现了这个问题。它是 HTML 中的 doctype 定义（由 Visual Studio 添加）。移除后...
...它工作完美。所以我的新问题是这是可以做的，还是有正确的方法来使用 DOCTYPE 来做到这一点？
没有CSS，这可以工作：
<html>
<body>
<table height="100%" width="100%" border="1">
<tr height="100">
<td>This is item text.</td>
</tr>
<tr>
<td>This is item text 2.</td>
</tr>
</table>
</body>
</html>
所以这是可能的，我现在就用 CSS 尝试一下。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
