Делаем высоту DIV как минимум такой же высокой, как страница в CSS

Question

У меня есть DIV, к которому я хочу прикоснуться к нижней части экрана (по причинам внешнего вида). Иногда содержание достаточно высокое, чтобы сделать это, но иногда оно слишком короткое, и DIV не касается нижней части экрана. Есть ли простой обходной путь?

Answer 1

Если вы установили минимальную высоту на 100% для DIV, вам также необходимо указать:

body, html {
   height:100%
}

Элементы расширяются до размера своего контейнера, поэтому убедитесь, что контейнер (как и сама страница) также имеет высоту 100%.

Answer 2

Для тех, кто читает это позже (как и я), вы можете использовать

min-height: 100vh;

vh обозначает высоту окна просмотра и представляет собой процент от размера экрана.

Answer 3

Это способ сделать это: http://ryanfait.com/sticky-footer/

Answer 4

мин-высота: 100%

должно работать при условии, что он не находится в другом div с установленной высотой,

Answer 5

Исправлено IE6, чтобы согласиться с ответом Джимме:

height: expression( this.scrollHeight < document.body.clientHeight ? "100%" : "auto" )

Answer 6

Если вы установите CSS div в position: absolute, вы можете использовать:

.yourDiv {
  top: 0
  bottom: 0

}