根据子div调整父div的大小

时间:2012-09-10 21:09:54

标签: javascript html css css-float

我对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,但没有运气。任何帮助都会非常感激。

2 个答案:

答案 0 :(得分:0)

如果没有声明任何其他内容,则父级总是会调整为子级空间大小的大小。如果你设置了固定的高度,不同的浏览器会表现得很差,有些会扩展,有些会隐藏,有些会滚动。你可以简单地解决这个问题 将height更改为min-height或一起删除height声明。

答案 1 :(得分:0)

我认为你不需要做任何特别的事情来让父DIV和子块一样高。也许脚本有问题......

如果有些孩子在浮动,请尝试使用父DIV或其他“明确修复”CSS技巧overflow:hidden; ...