if语句主体高度<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，正文{最低高度：100％; 高度：自动}