Lorsque les divs enfants sont flottants, les divs parents perdent la hauteur automatique

J'ai une div parente appelée main. Il y a un tas de divs enfants, que j'ai flotté à gauche ou à droite.Lorsque les divs enfants sont flottants, les divs parents perdent la hauteur automatique

Quand j'ai fini de flotter le dernier, la hauteur de la div principale a complètement disparu, rejetant la disposition de ma page. Je lui ai donné une hauteur: 100%; juste pour l'instant, mais il sera trop grand sur la plupart des résolutions. Comment puis-je le garder à une hauteur de fluide, seulement autant que nécessaire pour contenir les éléments?

Source

2011-02-15 AKor

Pouvez-vous montrer votre code? –

Contenez vos flotteurs. Sur la div appelée principale, ajoutez overflow:hidden;. Cela devrait le contenir.

Source

2011-02-15 22:27:23 cp3

Voici un très bon tutoriel sur l'utilisation du débordement pour gérer cette situation: http://www.webdesignerwall.com/tutorials/css-clearing-floats-with-overflow/ –

Utilisez-vous le positionnement relatif de vos flotteurs?

Vous devrez mettre un div divan pour "maintenir ouvert" le div parent sinon. Dès que tout est flotté, vous perdrez toute base de hauteur dans la div parente. (Rien ne s'y trouve.)

Source

2011-02-15 22:27:30

insertion de "overflow: hidden;" en div de parent a travaillé pour moi.

Source

2013-09-03 17:26:55

Lorsque les divs enfants sont flottants, les divs parents perdent la hauteur automatique

Répondre

Questions connexes