Html 根据表格上的信息动态增加表格td高度

我有一个html表格。其中一个td有两个div和一个rad标签条

 <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
第二个td
....
…还有两个标签
....

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

---

总结一下：如果标签中的信息不多，那么让td为180像素，并在周围显示边框。如果标签中的信息很好，那么扩展td并让它增长。我知道这是一个针对我自己情况的问题，但我需要帮助。如果您需要更多信息，请询问。谢谢您的div样式尝试此功能，将其更改为

min-height:180px;

---

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

使用桌子真的有必要吗？为什么不考虑使用div呢？它将使您在元素的高度/宽度方面具有更大的灵活性。此外，请停止使用内联样式。这是一个客户端问题，因此请从问题中删除服务器端代码。显示实际的HTML输出。没人应该知道“telerik:RadMultiPage”是什么意思。谢谢。这正是我需要的。