如果声明体高<；100%javascript/jquery

在我的站点中，我没有为html或body标记设置高度。这在内容丰富的页面上非常有效，但是当页面上的内容不足以填满页面时，我希望身体高度为100%

所以我想用一点jQuery可能会对我有所帮助。我已经想出了这个小片段，我认为这将是足够的，但不幸的是，它没有做太多

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

if（jQuery（“html”）.css（“高度”）<“100%”）{
css（{“高度”：“100%”，最小高度”：“100%”）；
}

我猜这可能是因为jQuery可能没有提取身高的百分比，可能只是像素

---

非常感谢您的帮助。

您可以使用100%高度布局。无需任何javascript

选中此项：

（已在我的项目中使用）

无论如何，如果要通过jQuery执行此操作：

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

---

您可以定义

文档

高度是否小于

窗口

，然后将文档高度设置为正文高度，或者将主

设置为正文高度。

将下面的css应用于正文/html

---

html，body{minheight:100%；height:auto}

为什么不将每个页面的高度设置为100%？将jQuery替换为$you look，因为它从plugin@KryptoniteDove为什么?

$

只是

jQuery

@kryptonideve的别名：这与任何事情都无关，实际上完全可以。在某些情况下，您实际上必须使用

jQuery

而不是

$

，例如在无冲突模式下。Drupal必须在无冲突模式下使用jQuery而不是$。将每个页面的高度设置为100%是不起作用的，因为当内容长度超过100%时，它会越过页脚，它绝对位于底部。