if-statement body height <100％javascript/jquery

Question

在我的網站中，我沒有爲html或body標籤設置高度。這在很多內容的網頁上效果很好，但是當頁面上的內容不足以填充頁面時，我希望身高達到100％。

所以我覺得有點jQuery可能會幫助我。我想出了這個我認爲足夠的小片段，但不幸的是它並沒有做太多。

if(jQuery("html").css("height") < "100%"){ 
    jQuery("html, body").css({"height": "100%", "min-height":"100%"}); 
} 

我猜這可能是因爲jQuery可能不會以身高百分比來拾取身高，也許只是以像素爲單位。

非常感謝您的幫助。

Answer 1

你可以用做到這一點100％的高度佈局。沒有任何JavaScript。

檢查：

http://peterned.home.xs4all.nl/examples/csslayout1.html（在我的項目已經使用）

http://www.dave-woods.co.uk/index.php/100-height-layout-using-css/

無論如何，如果你想通過jQuery來做到這一點：

$(window).height(); // returns height of browser viewport 
$(document).height(); // returns height of HTML document 

您可以定義是否document高度小於window然後將文件高度設置爲正文或主文件夾<div id=container></div>如果你有這樣的。

Answer 2

將下面的CSS應用到您的身體/ html

html，body {min-height：100％;高度：自動}