jQuery，基于浏览器高度的最小高度

Question

我目前正在使用它来根据浏览器窗口的高度设置div的大小;

var height = $(window).height(); 
$(".single-block").height(height);

为.single-block div添加内联高度样式，以匹配浏览器窗口的高度。

但我现在需要的是用内联最小高度样式替换内联高度样式，这样如果某个特定.single-block中有很多内容，它就不会溢出div。

非常感谢任何帮助。

Answer 1

使用css（）。

var height = $(window).height(); 
$(".single-block").css("min-height", height);

或简单地说：

$(".single-block").css("min-height", $(window).height());

Answer 2

如果你不想使用css（）（因为你正在使用jquery，我看不出你为什么不这样做！）你也可以使用style-minHeight，即

$(".single-block").style.minHeight = height;

我自己会使用jquery，但只是认为如果有人偶然发现这个问题但是由于某些原因没有使用jquery，那么就可以显示一个替代方案。