2010-11-06 27 views
1

Je n'ai pas beaucoup de détails pour cela, mais j'espère que je pourrais tirer d'autres connaissances à ce sujet.Développer hauteur de div parent avec le contenu de l'enfant div div

J'ai un div qui a une hauteur minimale définie dessus. Cette div contient du contenu et est répétée plusieurs fois dans un répéteur .net.

Cela fonctionne très bien.

Dans la div principale est une autre div. Cela contient plus de contenu qui peut s'étendre sur plusieurs lignes. Le problème que j'ai est que si le div enfant est plus élevé que le div parent, le div parent ne se développe pas en hauteur. Et comme c'est dans un répéteur, le contenu du div enfant se développe sur le div parent suivant. Existe-t-il un moyen via css? Je peux développer la div parent afin qu'elle se développe avec le contenu de la div enfant.

Ceci est une version très réduite de mon balisage:

<div class="row">This is content ... blah blah<div class="child">ahdshfjhdsfjk <br/><br /><br /><br /><br />jkljlkj<br />jjkljl<br /></div></div> 

Toute aide serait génial quant à la façon de résoudre ce problème

+0

Cela fonctionne comme prévu. Quels sont les styles? –

Répondre

3

D'après ce que je me souviens que vous pouvez essayer d'ajouter un « clair » à la fin de votre contenant div comme ceci:

<div class="row"> 
    This is content ... blah blah 
    <div class="child"> 
     ahdshfjhdsfjk 
     <br/><br /><br /><br /><br /> 
     jkljlkj 
     <br /> 
     jjkljl 
     <br /> 
    </div> 
    <br style="clear: both;" /> 
</div> 
+0

ou mieux,

car cela n'ajoute pas une ligne vide supplémentaire – JasonWoof

+0

Merci, mais pas de chance avec ça! – amateur

+0

@ Niall, au moment de l'exécution avec jquery vous pouvez trouver la hauteur du div enfant et ajuster en conséquence le div div parent $ ('$ div'). Height() et changer le div parent. – kobe

1

Voilà pourquoi il est préférable de connaître le langage HTML standard et css et non des choses .NET propriétaire qui cache des choses de vous. Ce que vous montrez devrait faire ce que vous voulez. Le problème réside dans le CSS et sans cela, tout est une supposition sauvage, mais probablement liée à la div intérieure flottante ou autrement positionné.