Cambiar el tamaño de la división principal de acuerdo con su división secundaria

Soy muy malo en CSS. Quiero cambiar el tamaño del div principal según la altura del div secundario. A continuación se muestra mi código 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> 

Dentro de form1 y form2 div estoy poblando dinámicamente componentes que pueden crecer hasta cualquier altura. Probé con overflow:auto en todos los divs principales, pero no tuve suerte. Cualquier ayuda será realmente apreciada.

preguntado el 10 de septiembre de 12 a las 22:09

algunos css son muy bienvenidos ... Y además, el padre siempre cambia el tamaño al tamaño del espacio de los niños si no se declara nada más:

@Breezer menciona un punto que iba a preguntar. ¿Cómo declaras los tamaños de Form1 y Form2? -

Usa firebug en Firefox para resolver tu problema. -

Estoy declarando tamaños como style="height: 740px; width: 100%; para Form1 y Form2. -

no puede definir la altura si desea cambiar su tamaño más tarde, o debe cambiarla cuando se carga contenido nuevo -

2 Respuestas

El padre siempre cambia el tamaño al tamaño del espacio de los hijos si no se declara nada más. Si ha establecido una altura fija, los diferentes navegadores se comportarán de manera diferente, algunos se expandirán, otros se ocultarán y otros se desplazarán. Simplemente puede arreglar esto cambiando height a min-height o quitar el height declaración todos juntos.

Respondido el 10 de Septiembre de 12 a las 22:09

Creo que no tienes que hacer nada especial para que el DIV de los padres sea tan alto como los bloques de los hijos. Tal vez hay algo mal con el guión...

Si algunos niños están flotando, intente overflow:hidden; con el DIV principal u otro truco CSS de "solución clara" ...

Respondido el 10 de Septiembre de 12 a las 22:09

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.