Q

設置DIV高度，使其到達視口的底部

2012-03-12 72 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

相關問題