Le redimensionnement d'une div pour s'adapter contenu avec un maximum de hauteur

J'ai un div avec du contenu dynamique. Lorsque le chargement du contenu dans le div que je veux la div pour redimensionner pour s'adapter au contenu. Mais je veux que ce redimensionnement d'avoir une hauteur maximale. Si le contenu a besoin de plus que cette hauteur maximale j'aimerais qu'il y ait une barre de défilement.

J'ai cherché à travers les questions ici, mais je n'ai pas été en mesure de trouver ce que je cherche (en dehors de celui où la question-le demandeur a répondu en disant qu'il avait compris lui-même). Je l'ai lu, je peux le faire avec jquery mais je suis assez nouveau à cela, mais je l'ai fait passer par les démos de redimensionnement d'une div, et l'évolution des classes et des trucs comme ça, mais je suis vraiment à une perte sur la façon de mettre en œuvre ce que je cherche. Je ont essayé de trouver une solution à cela, soyez doux.

J'espère que vous n'avez pas à vous inquiéter à ce sujet, mais IE 6 ne prend pas en charge le max-hauteur de l'attribut. Juste quelque chose à garder à l'arrière de votre esprit
Hurm, est-il un chemin de ronde, le max-hauteur dans IE6?

OriginalL'auteur qudoz | 2012-05-01

  1. 18
     div {height:auto;overflow:scroll;max-height:200px;}
    Oh man, je me sens tellement stupide maintenant, merci!
    Downvoting, parce que même parfaitement correct, mais toujours pur-code réponses, sans même tout petit texte d'explication, sont si mal.
    Cela ne fonctionne pas lorsque la hauteur est plus grande que votre défini max-hauteur.

    OriginalL'auteur meWantToLearn

  2. 1

    Utilisation:

    <div style="max-height: 400px; overflow-y:scroll; overflow-x: hidden">
<p>Some dynamic content loads inside the div</p>
</div>

    Puis ajouter: <div style="clear:both"></div> avant la fermeture de la "div":

    <div style="max-height: 400px">
<p>Some dynamic content loads inside the div</p>
<div style="clear:both"></div>
</div>

    OriginalL'auteur Nick

  3. 0

    Vous pouvez le faire avec css, par exemple: max-height: 100px; overflow-y:scroll;

    OriginalL'auteur alexg