Как сохранить div в нижней части окна, если страница не заполнена, иначе в конце содержимого

Question

У меня есть div на странице (нижний колонтитул), и я хочу, чтобы с CSS происходило следующее:

Если на странице недостаточно содержимого для заполнения окна, div должен быть в самом низу. Если на странице достаточно содержимого (и, возможно, появляется полоса прокрутки), я хочу, чтобы div был после всего содержимого.

Если я сделаю это с абсолютной позицией и т. Д., Я не смогу заставить работать второй случай.

Есть идеи?

Answer 1

Я думаю, что вы ищете 100% макет минимальной высоты.Проверьте это сообщение: 100% мин Высота CSS макет .

Answer 2

Вы хотите использовать липкий нижний колонтитул.

Например: http://ryanfait.com/sticky-footer/

или, если вы используете Google Sticky footer, вы найдете несколько вариантов