Неверная высота страницы с JQuery

Question

У меня есть страница, разделенная на пять DIVs, каждый с FLOAT: LEFT, чтобы разместить их на одной странице в пяти столбцах. Я дал HEIGHT: 100% и до сих пор все отлично. Но если я ставлю на странице что-то более, чем выше высоты, я использовал следующий код:

var i; 
    // there five divs with id div1, div2, div3, div4, div5 
    for (i=1; i<=5; i++) 
    $("#div" + i).height($(document).height()); 

Но в нижней части страницы всегда остается пустое пространство, общая высота меньше, чем высота документа ! как его решить? Я также попытался назначить MIN-HEIGHT: 100% каждому div, но ничего!

Answer 1

Может быть, вы хотите сделать высоту окно видовой:

$("#div" + i).height($(window).height()); 

---

Если вы используете высоту в процентах, как высота сНа до 100%, то убедитесь, что иметь:

html,body{height: 100%;} 

Answer 2

использование

$(document).outerHeight()

вместо

$(document).height()

Answer 3

Я не 100% уверен, что вы просите, но почему бы не сделать это с помощью CSS?

Вы пробовали использовать высоту: 100vh?

Вот ссылка на высоту/ширину видового экрана.

http://dev.opera.com/articles/view/css-viewport-units/