使用类名设置div的高度？

Question

我有一个不具有该ID的类名的div。

我需要设置具有浏览器窗口高度的div，使用Javascript或jquery ..

<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

使用此：

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

Answer 4

只是做 -

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

也可以在css中进行更改 -

.abc{
  overflow: auto;
}

Answer 5

用于像这样的css

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

[Live demo][1]