Question

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

Answer 1

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

Answer 2

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

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

根据子div调整父div的大小

2 个答案: