Css, ребенок-дивы и плавающей

Question

Я устал от работы с этими видами дивы :(

У меня 2 дивы:

<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%; 
} 

Содержимое -div включает еще 3 отделения, которые должны оставаться горизонтально.

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

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

Answer 1

Попробуйте добавить DIV после контента со стилем:

clear: both; line-height: 0.1em; 

И положить

 

в нем

Answer 2

Попробуйте

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

Answer 3

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

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