根据子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

回答

相关问题