2010-11-23 2 views
3

Je suis assez sûr que je suis censé utiliser un clearfix ou quelque chose pour y remédier, mais je me suis battu avec cette mise en page depuis trop longtemps et je suis Laissant les yeux rivés sur le code alors portez-moi.Pourquoi mon div ne s'étend pas à la taille du contenu

Mon example montre ce qui se passe lorsque la colonne la plus à droite (#rightbox) contient trop d'informations et qu'elle sort de l'emballage principal (#interior_wrap).

Parce que #rightbox est flottante, je suis sûr que c'est ce qui le cause, mais je pense que je suis trop proche de voir la solution pour toute aide serait super.

Merci d'avance!

Répondre

7

ah, le plus demandé question sur le SO .. css

#container { overflow:hidden; zoom:1; } 

ou #container:after { content:""; clear:both; display:block; } si vous obtenez écrêtage.

PS - ne pas utiliser position: absolute au centre des choses, utilisez margin:0 auto

+0

Est-ce #container l'exemple que je demande à mon # interior_wrap? – stephmoreland

+0

Oui, c'est. Et ne définissez pas de hauteurs explicites n'importe où ou vous éprouverez des bizarreries. –

+0

Essayez la méthode clearfix 'after' que j'ai fournie à la place. Votre CSS désordre le correctif caché de débordement. –

Questions connexes