Comment faire un div poussent en hauteur tout en ayant des flotteurs à l’intérieur

Question

Comment puis-je faire un div croître sa hauteur lorsqu’il a des flotteurs à l’intérieur ? Je sais que définir une valeur pour la largeur et le dépassement de capacité de réglage aux œuvres cachées. Le problème est que j’ai besoin d’un div avec le débordement visible. Toutes les idées ?

Answer 1

``le div conteneur fait tout à l’intérieur du TI (articles même flottants) visible et la div externe encapsule entièrement autour d’eux. Voir cet exemple.

Answer 2

Il y a plusieurs façons pour effacer les flotteurs. Vous pouvez vérifier certains ici :
http://work.arounds.org/issue/3/clearing-floats/

Par exemple, `` pourrait fonctionner pour vous

Answer 3

La compensation d'un flotteur avec clear:both; n'est pas toujours suffisant. Je vous recommande de regarder dans un Clearfix qui va faire le travail pour tous les navigateurs.

Considérons le texte suivant..

<div class="clearfix">
   <div class="content">Content 1</div>
   <div class="content">Content 2</div>
</div>

Avec les styles suivants..

.content { float:left; }

.clearfix { ..from link.. }

Sans le clearfix, le parent div n'en auraient pas la hauteur grâce à flotter enfants. Le clearfix va faire le parent considère le flottant enfants.

Answer 4

J’ai pensé qu’un excellent moyen de le faire est choisie, affichage : tableau sur les div.