Comment montrer défiler après une certaine hauteur mais la hauteur ne doit pas être fixée?

J'ai un div avec le style suivant: hauteur:250px;de défilement:auto;. Je le veux pour faire défiler les 250 px, mais doit avoir une hauteur en fonction du contenu en elle.

Par exemple, si le contenu est 100px, puis, à la hauteur de la div doit être de 100 sans défilement. Mais, si la hauteur dépasse 250px, elle doit montrer de défilement.

Comment faire?

source d'informationauteur svirk

  1. 30

    Est-ce que vous êtes après?

    Démo

    CSS:

    .dyn-height {
    width:100px;
    max-height:250px;
    overflow-y:scroll;
}

    height: en option - juste pour la démo.

  2. 15

    essayez ceci: max-hauteur devrait faire l'affaire.

    html

    <div class="height">
    blah<br/>
    blah<br/>
</div>

    css:

    .height { max-height:250px; border:1px solid red; overflow:auto; }
  3. 4

    Utilisation overflow-y avec le auto option.
    De cette façon, la barre de défilement n'apparaissent pas jusqu'à ce qu'il est nécessaire.
    Sinon, la barre de défilement de l'affichage, même si vous n'avez pas besoin de montrer.

     .my_div {
        width:100px;
        max-height:250px;
        overflow-y:auto;
    }