Css, enfant et divs flottant

Question

Je suis fatigué de travailler avec ce genre de divs :(

J'ai 2: divs

<div id="content"> 
    <div id="row_left"></div> 
    <div id="row_middle"></div> 
    <div id="row_right"></div> 
</div> 
<div id="bottom"></div> 

css:

#content { 
    overflow: hidden; width: 100%; 
} 

contenu -div inclut 3 autres divs qui devraient rester à l'horizontale

#row_left, #row_middle, #row_rifht { float: left; width: 33%; } 

Le problème est que div inférieur ne reste pas se référer au contenu-texte. Il est toujours sur la même position, même lorsque le texte des lignes de contenu est terminé. Comment puis-je le réparer?

Answer 1

Essayez d'ajouter un div après le contenu avec le style:

clear: both; line-height: 0.1em; 

Et mettre un

 

dans ce

Answer 2

Essayez

... 
<div id="bottom" style='clear:both'></div> 

Answer 3

Si vous souhaitez pour dégager les flotteurs sans ajouter extr un balisage, mettez ceci dans votre CSS:

#content { zoom: 1; } 
#content:after { 
    clear: both; 
    display: block; 
    content: "."; 
    height: 0; 
    visibility: hidden; 
}