Я знаю, что об этом спрашивали 6 месяцев назад, но я уже давно ищу решение этой проблемы и надеюсь, что другие люди смогут воспользоваться решением, которое я использовал, будучи заархивированным.Вы были замечены, когда сказали, что так или иначе основной блок должен получить минимальную высоту пространства между верхним и нижним колонтитулами.
К сожалению, я не знаю, как это можно сделать с помощью чистого CSS,Конечно, с javascript это довольно просто, но это решение не всегда жизнеспособно, и оно немного запутанно с точки зрения разделения кода.Хорошей новостью является то, что в зависимости от того, что вам нужно сделать, вы можете использовать CSS-хак.
Что я сделал, так это добавил абсолютно позиционированный элемент ниже тела, который по существу растянулся от нижнего колонтитула до нижнего колонтитула. Таким образом, я мог бы добавить фон или градиент для этого #divBelowBody, что по сути позволило мне притворитьсяпроблема решена (хотя это решение оставляет горький вкус у меня во рту).
Кроме того, если вы хотите добавить рамку вокруг вашего содержимого div и надеетесь, что оно распространяется на нижний колонтитул, даже если содержимое было маленьким, вы облажались (хотя на самом деле не так, я, наверное, могу подумать о хаке или двух, чтобы сделать это работоспособным), так что это работает, только если вы надеялись добавить фон или градиент и т. д.
Вы можете видетькод в действии здесь: http://jsfiddle.net/qHAxG/ Разверните раздел результатов по горизонтали, чтобы более четко увидеть, что происходит.