如果声明身高＆lt; 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％;身高：自动}