11
votes

Comment prévenir la teneur en flotte dans deux divs des chevauchements?

dans une page FAQ, j'essaie de faire une page avec cette structure: xxx

voici le CSS pertinent: xxx

Mon contenu de page se trouve dans la section conteneur et le pied de page est directement ci-dessous. Le faq_sidebar est beaucoup plus court que FAQ_PRIMARY , et comme les colonnes du pied de page sont toutes flottantes, elles se retrouvent jusqu'à la droite de la FAQ_PRIMARY, en dessous du FAQ_SIDE.

Voici une capture d'écran: http://i.stack.imgur.com/i1vts.png

Tout conseil afin que je puisse empêcher le contenu du pied de page et du conteneur de se chevaucher?


0 commentaires

5 Réponses :


7
votes

Vous pouvez ajouter un Clearing div ici xxx

puis style, comme celui-ci xxx

si Cela ne le fait pas, vous devrez peut-être l'ajouter après la


0 commentaires

0
votes

Si cela se trouve dans un conteneur: xxx

et vous voulez qu'ils sont mis en ligne pourquoi pas style #Container avec affichage: en ligne. Vous utilisez un positionnement absolu pour #faq_sidebar et cela pourrait être la raison pour laquelle le contenu du pied de page se chevauche


0 commentaires

9
votes

C'est difficile à savoir sans obtenir le même contenu que lorsque j'essaie que je ne peux pas produire la même chose que la capture d'écran. (En raison de différences de contenu).

Mais je suis sûr que si vous: xxx

provoquera le conteneur d'inclure les enfants flottés dans son calcul de la hauteur.

Je vous suggère également de changer le SIDBAR à gauche: ... à à droite: 0 si vous essayez de p [omis-le à droite (alternativement float: droite peut être correct au lieu de positionnement absolu) .

j'ai remarqué l'un des Les questions connexes avaient la même réponse et je pourrais être enclin à suggérer qu'il s'agit d'un duplicata. Question: Make Div Sois automatiquement la même hauteur que son contenu flottant


1 commentaires

Merci beaucoup, ça a fonctionné! Je garderai cela à l'esprit à l'avenir. Je l'ai positionné absolu depuis que je fais une barre latérale collante avec jQuery plus tard.



1
votes
clear:both;
clear:left;
clear:right;
There are the property used to regulate and avoid to go to the image into adjust right side or left side of a previous div or image.

0 commentaires

0
votes

Supprimer à gauche: 760PX; à partir de #faq_idebar .


0 commentaires