我可以创建一个HTML表宽度百分比高度但像素精确行高吗?

Baf*_*NET 2 html css

我需要在一个有两行的网页上创建一个表.该表需要填充整个页面,因此我在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>
Run Code Online (Sandbox Code Playgroud)

编辑:我使用表格数据,特别想使用表,而不是div.上面的示例是为了简化一个包含大约20列的表.

编辑2:我发现了这个问题.它是HTML中的doctype定义(由Visual Studio添加).删除后......

......它完美无缺.所以我的新问题是,这样做是否可行,或者是否有正确的方法来使用DOCTYPE?

J__*_*J__ 5

没有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>
Run Code Online (Sandbox Code Playgroud)

所以有可能,我现在用CSS尝试一下.