asp.net - 使 asp 面板填充其容器高度的所有高度

Question

• 我有一个表，在第一个 tr 的第一个 td 中我放了一个 TreeView ，它的容器是 asp 面板。

• 问题是它的高度会根据数据变化，所以我不知道如何使其容器“asp 面板”始终填充所有 td 高度，无论 TreeView 高度是多少。

                              <td style="background-color: #FFD700; text-align: top;">
                              <asp:Panel ID="Panel2" runat="server" GroupingText="Nodes" Height="100%">
                                  <div align="left" style="width: 170px; text-align: top; overflow: auto; height: 100%;
                                      min-height: 100%;">
                                      <asp:TreeView runat="server" ID="treesiteMap" OnSelectedNodeChanged="SiteMapTree_SelectedNodeChanged"
                                          Style="text-align: left; margin-left: 0; margin-right: auto; padding-left: 0;
                                          padding-right: auto; position: static" meta:resourcekey="treesiteMapResource1">
                                          <HoverNodeStyle BackColor="LightBlue" />
                                          <SelectedNodeStyle BackColor="LightGray" />
                                      </asp:TreeView>
                                  </div>
                              </asp:Panel>
                          </td>
  

提前致谢

Answer 1

您可以将面板内的控件包含在一个 div 中并添加以下样式，如果您在页面中有其他元素，例如菜单，您可以减去菜单的高度:

<asp:Panel ID="Panel1" runat="server" ScrollBars="Vertical"  ClientIDMode="Static" >
        <div style="height:calc(100vh - 240px);">
        <asp:PlaceHolder ID="phPrincipal" runat="server"></asp:PlaceHolder>
        </div>
    </asp:Panel>