Css, дочерние элементы и плавающие

Question

Я устал работать с такого рода подразделениями :(.

У меня есть 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 включает в себя еще 3 раздела, которые должны располагаться горизонтально.

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

Проблема в том, что нижний div не остается ссылкой на content-text.Он всегда находится в одной и той же позиции, даже когда текст строк содержимого заканчивается.Как я могу это починить?

Answer 1

Попробуйте добавить div после содержимого со стилем:

clear: both; line-height: 0.1em;

И положил

 

в нем

Answer 2

Попробуй

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

Answer 3

Если вы хотите очистить значения с плавающей точкой без добавления дополнительной разметки, поместите это в свой CSS:

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