Как я могу безопасно нажать DIV до конца

Question

У меня есть тег нижнего колонтитула, который является 100% (полная ширина экрана), что я хочу, чтобы серый ящик всегда нажимал на дно (он растягивается до нижней части экрана)

Я попытался

html, body{height:100%}

и затем применяя display:block;height:100%

Однако мой ДИВ, подвал, просто расширяет весь путь и создает огромный свиток. Мой сайт Разработка демо http://dev.al-yusra.org/

Answer 1

ли это

body { 
    min-height: 100%; 
} 

Answer 2

Это звучит как то, что вы хотите, это сноска. Основной трюк состоит в том, чтобы установить нижний нижний колонтитул равным 0, по абсолютной величине и высоте. См. here и here.

Answer 3

Добавьте это в сноску:

footer { 
    height: auto; 
}