Простые вопросы HTML / CSS - высота и разрешение экрана

Question

Мне нужно, чтобы div имел определенную высоту, в нем повторяющееся изображение, и я хочу, чтобы он занимал весь экран независимо от разрешения экрана пользователя.Высота авто зависит от содержимого, так что мне нужно использовать JavaScript для достижения моей цели?Или я могу использовать что-то с "clear: both;"свойство на нем, чтобы всегда растягивать div на дно?Я действительно хотел бы избежать JavaScript.

Answer 1

Пока родительский контейнер (например, body или html) имеет 100% height, тогда div также должно быть.Итак,

html, body{
    height:100%;
}
div{
    height:100%;
    width:100%;
    border:1px solid red;
}

Пример: http://jsfiddle.net/jasongennaro/Jm8Mt/

Конечно, ваш div будет иметь class ... пример был только для шоу

Answer 2

Придание div 100% высоты и ширины заставит его занять все окно.

#fullscreen {
height:100%;
width:100%;
}