Css, divs et 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%;
}

Content-div inclut 3 autres div, qui doivent rester horizontalement.

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

Le problème est que la division du bas ne reste pas faire référence à content-text. Il est toujours à 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 une div après le contenu avec le style:

clear: both; line-height: 0.1em;

Et mettez un

 

dedans

Answer 2

Essayez

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

Answer 3

Si vous souhaitez supprimer les éléments flottants sans ajouter de balise supplémentaire, inscrivez-le dans votre code CSS:

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