Q

设置DIV高度，使其到达视口的底部

2012-03-12 67 views 2 likes

2

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

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

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

2012-03-12 Blacksad

+2

可能重复[如何申请100％的高度，以单吗？（http://stackoverflow.com/questions/1818467/how-to-apply-100-height-to-div ） – bfavaretto 2012-03-12 15:47:47

+0

你能告诉我们为什么你需要它吗？也许有另一种方式来实现相同的目标，而不需要在你的应用程序中插入大量的JavaScript，并使代码更难维护，更不用说恼人的浏览器兼容性问题了...... – Castilho 2012-03-12 15:51:19

A

回答

9

的实际高度使用jQuery：

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

的

DEMO

2012-03-12 15:50:02 paislee

0

开始：

body, html { height:100% }

然后给你的DIV height:100%

2012-03-12 15:48:31

0

使用$(window).height()获得元素

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

2012-03-12 15:49:49 Starx

相关问题