Установить высоту содержимого, нижний колонтитул, который увеличивает остальную часть высоты браузера

Question

Итак, я знаю, что первая мысль - «Липкий нижний колонтитул», но это не совсем так. Это высота нижнего колонтитула является переменной.

У меня есть страница, где основное содержимое составляет 200px поля сверху ... после содержимого мне нужно, чтобы нижний колонтитул был полностью выдвинут вниз до остальной части высоты браузера; будет фоновое изображение 1600px, которое будет repeat-x

Answer 1

Вот один трюк.Создайте заголовок, содержимое и нижний колонтитул, как обычно.Установите высоту нижнего колонтитула равной 100%, присвойте ему атрибут position:fixed и убедитесь, что вы не присваивает ему атрибут top, bottom и т. Д.Это выведет нижний колонтитул «из потока», но оставит его там, где он будет естественным образом (это удалит все уродливые полосы прокрутки).

вы можете увидеть его в действии в демонстрационном примере здесь .

Answer 2

http://jsfiddle.net/JFtwD/25/ Вот как вы можете это сделать.Не знаю, является ли это лучшим решением, но это решение.

Answer 3

Почему бы просто не сделать так, чтобы body имел background-image нижнего колонтитула?

Затем вы можете установить основной контент на любой фон, который вам понравится, и нижний колонтитул будет отображаться до остальных.страницы.