如何将div的高度设置为浏览器的垂直空间

Question

我有一个div应该占用浏览器窗口的剩余垂直空间。如果该div中的内容最大于div的高度，则应该为该div添加滚动条。

我尝试过与此类似的东西，但它没用[/ p>

h = $(document).height();
$("#mydiv").attr(height : h);

Answer 1

试试这个......

h = $(document).height();
$("#mydiv").css('height', h);

Answer 2

你需要窗户高度：）

$(window).height()

像这样：

$("#mydiv").height($(window).height());

Answer 3

您可以使用$（window）.height（）或$（document）.height（），具体取决于您感兴趣的内容。

高度不是DOM属性，而是CSS属性。但它很好地抽象到了height（）函数中，因此您可以使用它进行设置。

var height_to_set = $(document).height();
$("#mydiv").height(height_to_set);