Hauteur dynamique pour DIV

J'ai le texte suivant DIV

<div id="products">

</div>

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

Maintenant à l'intérieur de la DIV, je suis de la génération dynamique d'4 liens. Mais parfois, il pourrait y avoir plus ou moins de 4 liens. Comment puis-je modifier le CSS pour redimensionner dynamiquement la DIV en fonction de son contenu?

source d'informationauteur Refti

  1. 31

    ensemble height: auto; Si vous voulez avoir une hauteur minimale de 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 */
  2. 2

    Cela a fonctionné pour moi comme

    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'espérons, vous aideront aussi.

  3. 1

    Vous devriez être bien de prendre de la hauteur propriété de la CSS.

  4. 1

    Définir à la fois à auto:

    height: auto;
width: auto;

    Faire:

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

    calculer la hauteur de chaque lien n'est pas faire ce

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

    comme avant sna supprimer la hauteur attrib. si tu veux une carte d'extension avec sa hauteur min puis utilisez min-height: 102px au lieu de height: 102px.

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