comment changer la hauteur de div à couvert la zone de texte (CSS)

Question

Orginal CSS code http://www.faressoft.org/BlueCristalTheme/postView.php

Résultat devrait être

Answer 1

quelques choses qui se passent ici:

• votre boîte de commentaire div a une hauteur fixe de 100px
• tous les éléments à l'intérieur de cette div sont en position absolue qui les sort du flux normal du document , ce qui entraîne la boîte de commentaire contenant div pas en mesure d'envelopper/étirer pour s'adapter aux enfants
• utiliser des flottants ou simplement supprimer le positionnement pour le contenu plus grand qui ressemble à la seconde <p>. utiliser les marges pour positionner cette <p>, voir ci-dessous

j'ai pu résoudre le problème en changeant votre CSS comme suit:

#comments .commentBox { /* style.css line 483 */ 
background-color:#DCDCDC; 
/*height:100px; --removed this */ 
min-height:100px; 
position:relative; 
} 

#comments .commentBox .comment-content { /* style.css line 523 */ 
color:#676767; 
font-size:0.91em; 
font-weight:bold; 
line-height:24px; 
margin:52px 92px 0 0; /* -- added this */ 
/* -- removed these 
position:absolute; 
right:95px; 
top:52px; 
width:570px; 
*/ 
} 

Answer 2

Vous voulez que le hack clearfix.

Ajouter à votre feuille de style:

.clearfix:after { 
    content: "."; 
    display: block; 
    clear: both; 
    visibility: hidden; 
    line-height: 0; 
    height: 0; 
} 

.clearfix { 
    display: inline-block; 
} 

html[xmlns] .clearfix { 
    display: block; 
} 

* html .clearfix { 
    height: 1%; 
} 

Ensuite, ajoutez à votre class="clearfix" div (ou clearfix à votre classe div existant), et il devrait clair que le texte correctement.