2009-09-02 13 views
0

Je suis développeur html assez nouveau, j'utilise tas de divs dans ma page.Div articles hors de div

Problème Certains éléments div ne sont pas dans div, bien qu'ils soient définis dans la balise div.

Qu'est-ce que je manque ici pour comprendre? Comment s'assurer que tous les éléments dans div seront rendus dans div?

+1

CSS/questions de mise en page HTML seraient mieux posées sur http://doctype.com plutôt que sur SO. – EBGreen

Répondre

0

Il semble que vous ayez un conteneur qui a un enfant qui flotte, c'est pourquoi le div parent s'effondre.

<div id="parent" title="this collapses"> 
    <div style="float:left" title="child div"></div> 
</div> 

Je pense que votre problème est que le parent s'effondre.

La solution serait une des façons suivantes

  1. flotteur div parent (si possible).
  2. ajouter un dépassement de style: masqué ou automatique à la div parente.
  3. Ajoutez une classe de clearFix * à la div parente (voir ci-dessous).
  4. définir une hauteur (si possible).

* clearfix:

.clearfix:after { 
content: "."; 
display: block; 
clear: both; 
visibility: hidden; 
line-height: 0; 
height: 0; 
} 
.clearfix { 
display: inline-block; 
} 
html[xmlns] .clearfix { 
display: block; 
} 

* html .clearfix { 
height: 1%; 
} 
Questions connexes