Div точная высота как высота окна

Question

Div точная высота как высота окна

0

У div должна быть точная высота в качестве экранного экрана посетителя (100%) с использованием jquery.

Jquery:

$(document).ready(function(){
    var height = $(window).height();
    $('.bg').height(height);
});

Очень простой код, но он не работает для меня.

http://jsfiddle.net/k7b2y/

Я также попробовал (тот же результат):

$(document).ready(function(){
    var height = $(window).height();
    $('.bg').css('height', height);
});

Tom Groot 21 сен. 2013, в 19:50

Источник

Теги:

jquery

html

css

3 ответа

Ещё вопросы

Patrick Evans · Answer 1 · 2013-09-21T16-25-00.000Z

это дает ему 100% высоты окна, но ваш html, body также имеет поля по умолчанию /paddings самим браузером, вы должны их сбросить, чтобы их не было

html,body {
    padding:0px;
    margin:0px;    
}

скрипка

Если, однако, вы хотите, чтобы он всегда имел высоту, когда размер окна изменяется и т.д., Вам также нужно установить html/body на 100% высоту, а div также иметь высоту 100%

html,body {
    padding:0px;
    margin:0px; 
    height:100%;
}
.bg {
    background-color: #333;
    width: 100px;
    height:100%;
}

скрипка

Но почему это не показывает div? Див все еще не имеет высоты.
предоставленные мною скрипты показывают серый div, если вы смотрите на предоставленную вами скрипку, то вы не включили библиотеку jquery, которая приводит к сбою вашей части javascript и не устанавливает высоту.
Если вы включите библиотеку jquery, то все еще нет div? Вы видите Div?
да, какой браузер вы используете?
IE, Chrome работает. Но почему это не с IE?
Для IE используйте jQuery 1.9.1, посмотрите, что Fiddle: jsfiddle.net/avrahamcool/k7b2y/13

Mohammad Sirwan · Answer 2 · 2013-09-21T16-15-00.000Z

body {padding:0px;margin:0px;}
.bg {width: 100%;height:100%;}

Hassan Sardar · Answer 3 · 2013-09-21T15-48-00.000Z

0

Попробуй это:

Fiddle Here: http://jsfiddle.net/k7b2y/6/

body {
    margin:0 auto;
}

Hassan Sardar 21 сен. 2013, в 15:48

0

Я не вижу div. Возможно ли, что настройки моего браузера неверны? Вы видите Div?
Tom Groot 21 сен. 2013, в 17:43
0

Да, я могу видеть Div. Попробуйте другой браузер
Hassan Sardar 21 сен. 2013, в 17:44
0

Он работает в Chrome, но не в Internet Explorer ... Я хочу, чтобы он был виден во всех браузерах, почему он не работает в IE?
Tom Groot 21 сен. 2013, в 17:59

Показать ещё 1 комментарий