Создание высоты DIV, по крайней мере, такой же высокой, как страница в CSS

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

Ответ 1

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

body, html {
   height:100%
}

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

Ответ 2

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

Ответ 3

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

min-height: 100vh;

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

Ответ 4

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

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

Ответ 5

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

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

Ответ 6

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

.yourDiv {
  top: 0
  bottom: 0

}