2010-12-14 8 views
0

Je sais que l'arrière-plan de vos éléments n'est pas derrière tout son contenu (ex: à cause d'éléments flottants, d'éléments positionnés, de marge) l'ajout de overflow:hidden corrige le problème, forçant l'arrière-plan à apparaître derrière ces éléments.Veuillez expliquer le débordement: l'effet caché sur les arrière-plans?

Par exemple, voir this question et la réponse de meder.

Cependant, ce faisant, il ne cache aucun contenu débordant, alors comment définir cet effet? Fondamentalement, je sais que cela fonctionne, mais je veux comprendre pourquoi?

Répondre

2

Il crée un nouveau contexte de mise en forme de bloc, qui efface les flottants.

http://www.w3.org/TR/CSS2/visuren.html#block-formatting

Et .. il fait le contenu déborde clip: http://jsfiddle.net/rDmhn/

+2

Je pense que le point de OP au sujet de coupure était qu'il était seulement au courant de 'overflow: les effets de découpage de hidden', et était curieux de savoir pourquoi cela aurait un effet s'il n'y avait rien à couper. – Matchu

+0

@Matchu vous avez absolument raison. La première partie de la réponse répond encore un peu à ma question, je veux dire qu'il a répondu à ma question, mais j'ai encore du mal à la contourner. –

+0

@John: oh, ouais, c'est toujours la bonne réponse :) Je venais de clarifier pourquoi le second bit n'était pas vraiment nécessaire. N'oubliez pas de cliquer sur la coche si vous pensez que cela répond de manière satisfaisante à votre question: D – Matchu

Questions connexes