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

Дива должна иметь точную высоту в качестве экранного экрана посетителя (100%) с помощью jquery.Div точная высота, как высота окна

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); 
});

источник

2013-09-21 Tom Groot

ваша скрипка не включала библиотеку jquery, http://jsfiddle.net/k7b2y/1/ –

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

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

Fiddle

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

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

Fiddle

источник

2013-09-21 17:28:14

Но почему это не показывает div? У div все еще нет высоты. –

скрипты, которые я предоставил, показывают серый div, если вы смотрите на скрипку, которую вы предоставили, вы не включили библиотеку jquery, из-за которой ваша часть javascript терпит неудачу и не устанавливает высоту. –

Если вы включили библиотеку jquery, то до сих пор нет div? Вы видите дива? –

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

Fiddle Здесь: http://jsfiddle.net/k7b2y/6/

body { 
    margin:0 auto; 
}

источник

2013-09-21 17:37:08

Я не вижу div. Возможно ли, что настройки моего браузера неверны? Вы видите дива? –

Да, я могу видеть Div. Попробуйте другой браузер –

Он работает на Chrome, но не в Internet Explorer ... Я хочу, чтобы он был видимым во всех браузерах, почему он не работает над IE? –

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

источник

2013-09-21 17:58:17

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

ответ

Смежные вопросы