-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-heightheight

于 2012-09-10T21:18:15.703 回答
0

我认为您不必做任何特别的事情就可以使父 DIV 与子块一样高。可能是剧本有问题……

如果某些孩子是浮动的，请尝试overflow:hidden;使用父 DIV 或其他“清除修复”CSS 技巧...

于 2012-09-10T21:18:40.267 回答