javascript - 使用类名设置 div 的高度？

Question

我有一个类名没有那个 id 的 div。

我需要使用浏览器窗口高度使用 Javascript 或 jquery 设置该 div ..

<div class="abc"> 

some content

</div> 

我如何设置div的高度？..

Answer 1

你可以用 jQuery 和 .height() 做到这一点：

100px的具体高度：

$('.abc').height(100);

对于浏览器内部高度，请执行以下操作：

$('.abc').height(window.innerHeight);

Answer 2

$('.abc').height($(window).height());

要使其响应浏览器高度的变化，请执行以下操作：

$(window).on('resize load', setHeight);

function setHeight() {
    $('.abc').height($(window).height());
}

Answer 3

习惯了像这样的css

html, body{
height:100%;
}
.abc{
height:100%;
}

[现场演示][1]

Answer 4

用这个：

$('.abc').height(value);

Answer 5

做就是了-

$(document).ready(function(){
  var height = $(window).height();
  $(".abc").height(height);
});

还要更改css -

.abc{
  overflow: auto;
}