Question

如何设置此DIV的高度以使其到达视口的底部？ DIV 不能绝对定位;它在流动中。

<html>
   <body>
      Hello world...
      <div>xxx</div>
   </body>
</html>

如果有一个CSS解决方案（我怀疑），它很棒，但使用JS / jQuery很好。 CSS3也很好。

Answer 1

使用jQuery：

var h = $(window).height() - $('div').offset().top;
$('div').height(h);

Answer 2

开始于：

body, html { height:100% }

然后给你的DIV height:100%

Answer 3

使用$(window).height()获取元素的实际高度

$("div").height($(window).height())