0

我有一个 html 表。其中一个 td 有 2 个 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 的高度应该扩大。我的联系人超过 10 个。5 封电子邮件，5 个电话号码。第一个 td 高度未在任何地方设置。假设它的高度约为 180 像素。在上面的 4 个选项卡中，我希望其他 3 个与第一个 td 平行显示，即 180 像素。第二个选项卡“联系人”可以是动态高度。这两个 td 都位于页面顶部。所以他们下面有信息。因此，如果 td 增长，信息必须下降。如果 td 中的信息高度小于 180px，则 div 的边框应设置为 180px；

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

4

1 回答 1

1

在您的 div 样式中试试这个，将其更改为

min-height:180px;

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

于 2013-10-16T21:13:46.830 回答