Как разместить div в нижней части окна?

Question

Для разделения на верхнюю часть или где-нибудь в окне мы предоставим для этого некоторый относительный запас. Есть ли способ установить div внизу, как чуть выше нижнего колонтитула? Я дам объяснение по моему вопросу: У меня есть нижний колонтитул.
У меня есть DIV с высоты = 200px
У меня есть еще один DIV с высотой = 400px
Теперь я хочу, чтобы поместить их в окне, так что они должны выглядеть, они помещаются на сноске. Как я могу это сделать? Спасибо

Answer 1

Вашего основное содержание должно быть что-то вроде этого:

.wrapper { 
    min-height: 100%; 
    height: auto !important; 
    height: 100%; 
    margin: 0 auto -40em; /* The -40em should be adjusted to your page, just play around with it */ 
} 

Затем идет ваш Div heitgh200, отд height400 и нижние колонтитулы.

Вот полный рабочий пример:

http://jsfiddle.net/bn72w/1/

Вот хороший учебник по липких колонтитулы: http://ryanfait.com/resources/footer-stick-to-bottom-of-page/