problèmes avec css et image de fond

Question

J'ai un conteneur avec une hauteur de 100%, donc la hauteur sera dynamiquement changée en texte à l'intérieur du conteneur. Quoi qu'il en soit, le conteneur a un arrière-plan avec une image personnalisée (en utilisant background-image).

maintenant, quand je crée un < div id = blabla »> avec {float: left; largeur: 100px; hauteur: 100%;}., L'arrière-plan qui a défini dans mon conteneur ne montre pas sur la div

mais si je retire le flotteur: gauche, l'arrière-plan ne se présente

des idées que le problème pourrait être

Answer 1

Pour résoudre ce problème, ajoutez ce qui suit à l'élément de conteneur.

overflow: hidden; 

Si vous voyez toujours cette question dans IE6/7, vous devrez appliquer hasLayout, cela se fait en ajoutant ceci à l'élément conteneur.

zoom: 1; 

Espérons que l'ajout IE6/7 vous aide.

Answer 2

Il est un peu pas clairement votre question, mais je suppose que la div flottaient est un div séparé? à l'intérieur du conteneur div Par défaut, un conteneur flottant n'est pas "contenu" par le conteneur, c'est exactement la manière dont les conteneurs sont censés se comporter. Si vous mettez "overflow: auto" sur le conteneur div alors vous obtiendrez généralement le comportement que vous désirez, mais lisez une discussion plus approfondie sur le sujet ici: http://www.ejeliot.com/blog/59

Answer 3

Je l'ai fait.

La solution était d'ajouter

overflow:hidden; 

au conteneur div.