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

但是页面底部始终是一个空白区域，总高度小于文档高度！怎么解决？我也尝试过为每个div分配一个MIN-HEIGHT：100％，但没有！

Answer 1

也许你想做窗口视口高度：

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

如果你使用像div高度这样的百分比高度到100％，那么请确保：

html,body{height: 100%;}

Answer 2

使用

$(document).outerHeight()

而不是

$( document ).height()

Answer 3

我不是100％肯定你在问什么，但为什么不用CSS呢？

你尝试过使用身高：100vh？

这是对视口高度/宽度的引用。