Содержимое div не нажимает нижний колонтитул div

Question

У меня есть основное содержание с 3 divs, третий div получает большую высоту и не толкает нижний колонтитул.

Вот моя проблема

<div id="right_column"> это DIV должно быть между колонтитулами </div>

Demo

Answer 1

Вы можете очистить поплавок вручную путем добавления DIV со свойством float: clear; сразу после того, или вы можете использовать a clearfix class like this.

Here's a fiddle.

Answer 2

Вам нужен "Clearfix" ака в DIV со свойством:

clear:both 

Здесь: http://jsfiddle.net/M7VxA/7/

Answer 3

Try:

#footer 
{ 
    width:300px; 
    margin:auto; 
    min-height:200px; 
    background-color:yellow; 
    clear: both; 
}