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

Question

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

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

20

css height

задан Tower 2 March 2010 в 13:43

5 ответов

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

7

ответ дан 29 November 2019 в 23:27

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

.yourDiv {
  top: 0
  bottom: 0

}

1

ответ дан 29 November 2019 в 23:27

min-height: 100%

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

4

ответ дан 29 November 2019 в 23:27

Исправление IE6 вместе с ответом Джимме:

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

3

ответ дан 29 November 2019 в 23:27

Другие вопросы по тегам:

css height

Похожие вопросы:

score 23 · Accepted Answer

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

body, html {
   height:100%
}

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