2012-09-10 4 views
-3

Je suis très mauvais en CSS. Je veux redimensionner la div parent en fonction de la hauteur de div div. Voici mon code HTML.Redimensionnement div parent en fonction de son div enfant

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

intérieur et Form2 div Form1 pour Je peuplant dynamiquement des composants qui peuvent croître jusqu'à une hauteur. J'ai essayé avec overflow: auto dans tous les parents div, mais pas de chance. Toute aide sera vraiment appréciée.

+1

certains sont les bienvenus css très ... Et d'ailleurs le parent redimensionne toujours à celui de la taille de l'espace des enfants si rien d'autre n'est déclaré – Breezer

+0

@Breezer soulève un point que j'allais demander. Que déclarez-vous les tailles de Form1 et Form2 comme? – LightningWrist

+0

Utilisez firebug dans Firefox pour résoudre votre problème. –

Répondre

0

Le parent redimensionne toujours à celui de la taille de l'espace des enfants si rien d'autre n'est déclaré. Si vous avez défini une hauteur fixe, les différents navigateurs se comporteront différemment, certains se développeront, d'autres se cacheront et d'autres défileront. Vous pouvez simplement corriger cela par en changeant height en min-height ou en supprimant la déclaration height tous ensemble.

0

Je pense que vous n'avez rien à faire de spécial pour avoir le DIV parent aussi haut que les blocs enfants. Peut-être il y a quelque chose de mal avec le script ...

Si certains enfants est flottant, essayez overflow:hidden; avec la DIV parent ou autre astuce CSS « ​​fix clair » ...

Questions connexes