根據子div調整父div div

-3

我在CSS上很糟糕。我想根據子div的高度來調整父div的大小。以下是我的html代碼。根據子div調整父div div

<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，但沒有運氣。任何幫助將非常感激。

來源

2012-09-10 Mojoy

一些CSS是非常歡迎...除了父母總是調整到兒童空間的大小，如果沒有其他聲明 – Breezer

@Breezer提出了我要問的一點。你在聲明Form1和Form2的大小是什麼？ – LightningWrist

在Firefox中使用firebug來找出你的問題。 –

如果沒有聲明任何其他內容，父級總是調整爲兒童空間大小的大小。如果你設置了一個固定的高度，不同的瀏覽器會表現不同，有些會擴大一些會隱藏，另一些會滾動。您可以簡單地通過將更改爲height到min-height或者一起刪除height聲明來解決此問題。

來源

2012-09-10 21:18:15 Breezer

我認爲你不必做任何特殊的事情來讓父DIV和孩子們一樣高。也許有一些錯誤的腳本...

如果有些孩子是浮動的，嘗試overflow:hidden;與父DIV或其他「明確修復」 CSS技巧...

來源

2012-09-10 21:18:40

根據子div調整父div div

回答

相關問題