Hauteur minimale sur div divisible verticalement

Question

Existe-t-il un moyen de définir une hauteur minimale pour un div, tout en lui permettant d'être extensible? Par exemple, je souhaite qu'un div ait une hauteur exacte de 300 px lorsque mon page est chargée. Cependant, si plus de contenu est ajouté à la div avec javascript, je veux qu'il se développe après cela.

Si je spécifie une hauteur et que le contenu dépasse la div, il ajoute ou ajoute des barres de défilement, en fonction de la valeur du dépassement.

Si je ne spécifie pas de hauteur, elle ne s'étend qu'au contenu.

Merci

Voici la solution que je l'habitude de résoudre ce problème sur IE6, avec la permission de Dustin Diaz

selector { 
    min-height: 300px; 
    height: auto !important; 
    height: 300px; 
} 

Answer 1

La propriété CSS min-height fait exactement cela. Notez qu'il ne fonctionne pas correctement dans IE6, cependant IE6 traite la propriété height comme min-height, vous pouvez donc utiliser IE conditional comments pour définir une propriété height dans une feuille de style qui est chargée uniquement par IE6.