0

私はhtmlテーブルを持っています。td の 1 つには、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>

したがって、ユーザーがそれらのいずれかをクリックすると、連絡先の高さが拡大する必要があるとしましょう。私の連絡先は 10 を超えています。5 つのメール、5 つの電話番号。最初の td 高さはどこにも設定されていません。高さ約180pxとしましょう。上記の 4 つのタブのうち、他の 3 つを最初の td、つまり 180px と並行して表示したいと考えています。2 番目のタブ「連絡先」は動的な高さにすることができます。これらの tds はどちらもページの上部にあります。したがって、それらの下に情報があります。したがって、td が大きくなると、情報が低下する必要があります。td の情報の高さが 180px 未満の場合、div の境界は 180px に制限する必要があります。

要約すると、タブの情報があまりない場合は、td を 180px にして境界線を表示します。タブ内の情報が優れている場合は、td を展開して大きくします。私自身の状況に特有の質問であることは承知していますが、助けが必要です。さらに情報が必要な場合は、お問い合わせください。ありがとうございます

4

1 に答える 1

1

あなたのdivスタイルでこれを試して、

min-height:180px;

テーブルの高さが自動であることを確認してください。

于 2013-10-16T21:13:46.830 に答える