dans une page FAQ, j'essaie de faire une page avec cette structure: voici le CSS pertinent: p> Mon contenu de page se trouve dans la section Voici une capture d'écran: Tout conseil afin que je puisse empêcher le contenu du pied de page et du conteneur de se chevaucher? p> p> conteneur code> et le pied de page est directement ci-dessous. Le
faq_sidebar code> est beaucoup plus court que
FAQ_PRIMARY CODE>, 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. P>
p>
5 Réponses :
Vous pouvez ajouter un Clearing div em> ici puis style, comme celui-ci p> si Cela ne le fait pas, vous devrez peut-être l'ajouter après la section> code> p> p>
Si cela se trouve dans un conteneur: 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 p> p>
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: p> provoquera le conteneur d'inclure les enfants flottés dans son calcul de la hauteur. p> Je vous suggère également de changer le SIDBAR fort> 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 p> p> à gauche: ... code> à
à droite: 0 code> si vous essayez de p [omis-le à droite (alternativement
float: droite code> peut être correct au lieu de positionnement absolu) em>. p>
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.
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.
Supprimer à gauche: 760PX; code> à partir de
#faq_idebar code>. P>