-3

私はCSSがとても苦手です。子divの高さに基づいて親divのサイズを変更したい。以下は私のhtmlコードです。

<div id="mainPanel" class="tabPanel">
     <div class="ui-corner-all ui-widget-content grid_container" style="padding: 5px; margin: 5px; text-align: left;">
         <div align="left">
            <div id="subTabs" style="width:500px">
               <div class="ui-layout-content">
                  <div id="Form1">
                   </div>

                   <div id="Form2">
                   </div>
               </div>
            </div>
         </div>
      </div>
  </div>

form1 と form2 の div 内で、任意の高さまで成長する可能性があるコンポーネントを動的に設定しています。すべての親divでoverflow:autoを試しましたが、うまくいきませんでした。どんな助けでも本当に感謝します。

4

2 に答える 2

0

他に何も宣言されていない場合、親は常に子のスペースのサイズにサイズ変更されます。固定の高さを設定した場合、ブラウザーによって動作が異なり、展開するものもあれば非表示にするものもあれば、スクロールするものもあります。宣言を変更heightするmin-heightか削除することで、これを簡単に修正できます。height

于 2012-09-10T21:18:15.703 に答える
0

親DIVを子ブロックと同じくらい高くするために特別なことをする必要はないと思います。スクリプトに問題があるのか​​もしれません...

一部の子がフローティングしている場合はoverflow:hidden;、親 DIV または他の「明確な修正」CSS トリックを試してください...

于 2012-09-10T21:18:40.267 に答える