Comment "effacer" le débordement: éléments visibles?

J'ai un élément div en haut de ma page qui est défini sur débordement: visible. Immédiatement en dessous, j'ai le contenu de la page.Comment "effacer" le débordement: éléments visibles?

Je ne veux pas que le div divise se développe, pour des raisons esthétiques, mais je voudrais que le contenu ci-dessous traite le débordement d'en haut comme cela ferait un bloc ... en le "nettoyant".

Je sais que CSS est clair ... mais cela ne semble pas s'appliquer au débordement.

Existe-t-il une méthode correcte pour cela?

Source

2009-07-28 johnnietheblack

Le overflow:visible n'a rien à voir avec le problème, car il s'agit du comportement par défaut.

Définissez la hauteur de la div supérieure et placez-y une autre div flottante pour le contenu. La div flottante s'étendra en dehors de la div supérieure, et vous pouvez utiliser le style clear pour obtenir ci-dessous.

Source

2009-07-28 19:48:51 Guffa

de sorte que vous voulez dire réellement mettre le contenu dans la partie supérieure div via un div flottant à déborder du fond de la partie supérieure div? semble cool et intéressant ... est-ce structurellement solide? – johnnietheblack

Oui, un élément flottant n'affecte pas la taille d'un élément parent, il peut donc flotter en dehors de celui-ci en bas. Il est courant que vous utilisiez un div de compensation lorsque vous ne voulez pas que cela se produise. Vous avez besoin d'un doctype approprié sur la page pour que IE rende la page en mode conforme aux normes, ou il développera l'élément parent pour contenir les enfants flottants. – Guffa

Y a-t-il autre chose à considérer ici? Cela ne fonctionne pas pour moi (Firefox 21, Opera 12.12, Chrome 26). Le style «clair» n'est pas impressionné par le flotteur débordant. Il est toujours placé au bas du haut 'div'. –

essayer

overflow: auto;

il étendra la div et devrait résoudre votre problème

Source

2009-07-28 19:50:26

Comment "effacer" le débordement: éléments visibles?

Répondre

Questions connexes