Question

我有一个html表。其中一个td有2个div和一个rad tab strip。就像

 <td>
  First td
 </td>
 <td>
  Second td
 <div>
    ....
 <div style="border: solid; border-color: brown; border-width: 3px; height: 100%;width:100%;">  
  <div>
    <telerik:RadMultiPage ID="radCustInfo" runat="server" SelectedIndex="0">
                            <telerik:RadPageView ID="radCustInfoPage" runat="server">
                                <telerik:RadTabStrip ID="radCustInfoTab" runat="server" MultiPageID="radMultiPageCustInfo"
                                    SelectedIndex="0" Orientation="HorizontalTop" Align="Left">
   <Tabs>
    <telerik:RadTab Text="Notes"  ></telerik:RadTab>
     <telerik:RadTab Text="Contacts"  ></telerik:RadTab>
     ..2 more tabs
  ....</div>

因此，当用户点击其中一个时，让我们说联系人td应该在高度上扩展。我的联系人超过10. 5封电子邮件，5个电话号码。第一个td高度未设置在任何位置。让我们说它的高度约为180px。在上面的4个标签中，我希望其他3个与第一个td平行显示，即180px。第二个选项卡“Contacts”可以是动态高度。这两个tds都位于页面顶部。所以下面有信息。因此，如果td增长，信息必须下降。如果td中的信息高度小于180px，则div的边界应限制为180px;

总结一下：如果标签中的信息不多，那么让td为180px并显示边框。如果选项卡中的信息很好，那么展开td并让它增长。我知道这是一个特殊的问题，但我需要帮助。如果您需要更多信息，请询问。谢谢

Answer 1

在你的div风格中尝试这个，将其改为

min-height:180px;

确保您的桌子有自动高度。

根据表中的信息动态增长表td高度

1 个答案: