Html 控制表中各行的高度

我在cshtml页面中使用了一个表。我有以下要求

这张桌子有两行

此表应占据chstml页面的所有空间（在win forms术语中，它应停靠到父级）

第一行包含一个文本框，该文本框应占据第一行的所有空间

第二行将包含一个标签

第一行占桌子高度的90%，而第二行占桌子高度的10%

我是tr和td等方面的新手。以下是我的出发点，任何帮助都将不胜感激

<table >
    <tr>
        <td >
            @Html.TextBoxFor( m => m.Description)
        </td>
    </tr>
    <tr>
        <td>
            @Html.LabelFor( m => m.SomeThing)
        </td>
    </tr>
</table>

@Html.TextBoxFor（m=>m.Description）
@LabelFor（m=>m.SomeThing）

您可以使用单元格的高度控制行的高度。我建议使用CSS来控制它，但你也可以内联使用。允许浏览器控制表格的高度是最佳做法，然后只需将第一行的高度设置为90%，表格应为其所在区域的100%，然后第二行将仅占表格的10%。这应该起作用：

 <div style="height:100%">
   <table>
    <tr>
        <td style="height:90%">
            @Html.TextBoxFor( m => m.Description)
        </td>
    </tr>
    <tr>
        <td style="height:10%">
            @Html.LabelFor( m => m.SomeThing)
        </td>
    </tr>
  </table>
 </div>

@Html.TextBoxFor（m=>m.Description）
@LabelFor（m=>m.SomeThing）

您可以使用单元格的高度控制行的高度。我建议使用CSS来控制它，但你也可以内联使用。允许浏览器控制表格的高度是最佳做法，然后只需将第一行的高度设置为90%，表格应为其所在区域的100%，然后第二行将仅占表格的10%。这应该起作用：

 <div style="height:100%">
   <table>
    <tr>
        <td style="height:90%">
            @Html.TextBoxFor( m => m.Description)
        </td>
    </tr>
    <tr>
        <td style="height:10%">
            @Html.LabelFor( m => m.SomeThing)
        </td>
    </tr>
  </table>
 </div>

@Html.TextBoxFor（m=>m.Description）
@LabelFor（m=>m.SomeThing）

对我来说似乎不行#2你的意思是它没有设置为高度的10%。然后你可以设置它，我已经修改了答案。否意味着它没有满足我原始问题中的要求#2（此表应该占据chstml页面的所有空间（在win forms术语中，它应该停靠到父级）），你可能可以通过在整个表周围包装一个div来完成。编辑后的答案。这没有任何区别。对我来说，这似乎不起作用。你的意思是，它没有设置为高度的10%。然后你可以设置它，我已经修改了答案。否意味着它没有满足我原始问题中的要求#2（此表应该占据chstml页面的所有空间（在win forms术语中，它应该停靠到父级）），你可能可以通过在整个表周围包装一个div来完成。编辑后的答案。这没什么区别