hauteur dynamique pour DIV

Question

J'ai la DIV suivante

<div id="products"> 

</div> 

#products 
{ 
    height: 102px; width: 84%; 
    padding:5px; margin-bottom:8px; 
    border: 1px solid #EFEFEF; 
} 

maintenant à l'intérieur du DIV, je générer dynamiquement 4 liens. Mais parfois il pourrait y avoir plus ou moins de 4 liens. Comment puis-je changer le CSS pour redimensionner dynamiquement le DIV en fonction de son contenu?

Answer 1

mis height: auto; Si vous voulez avoir une hauteur minimum x alors vous pouvez écrire

height:auto; 
min-height:30px; 
height:auto !important;  /* for IE as it does not support min-height */ 
height:30px;     /* for IE as it does not support min-height */ 

Answer 2

Vous devriez pouvoir retirer la propriété height du CSS.

Answer 3

définir à la fois à auto:

height: auto; 
width: auto; 

Rendre:

#products 
{ 
    height: auto; 
    width: auto; 
    padding:5px; margin-bottom:8px; 
    border: 1px solid #EFEFEF; 
} 

Answer 4

calculer la hauteur de chaque lien non faire

document.getElementById("products").style.height= height_of_each_link* no_of_link 

Answer 5

comme avant et supprimer la hauteur attrib. si tu veux votre expansion avec sa hauteur minimum puis utilisez min-height: 102px au lieu de height: 102px.

note soit 6 et min-height http://www.dustindiaz.com/min-height-fast-hack/

Answer 6

Cela a fonctionné pour moi AS-
HTML-

<div style="background-color: #535; width: 100%; height: 80px;"> 
     <div class="center"> 
      Test <br> 
      kumar adnioas<br> 
      sanjay<br> 
      1990 
     </div> 
    </div> 

CSS -

.center { 
    position: relative; 
    left: 50%; 
    top: 50%; 
    height: 82%; 
    transform: translate(-50%, -50%); 
    transform: -webkit-translate(-50%, -50%); 
    transform: -ms-translate(-50%, -50%); 
    } 

L'espoir vous aidera aussi.