使用jQuery为div分配100％的高度

Question

我遇到类似This

的问题

我想将div设置为100％高度的css属性。 这似乎不起作用：

$("#somediv").css('height', '100%');

除了滑行/上升之外，有没有办法解决这个问题？

Answer 1

将div设置为窗口的高度

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

如果你不这样做，你需要所有的父元素都有一个明确的高度设置才能使用height: 100%;

Answer 2

var somediv = $("#somediv");
somediv.css('height', somediv.parent().height());

Answer 3

您可以像这样使用父高：

$("#somediv").css('height', $("#somediv").parent().height());

或者在div上添加id，你可以获得高度

$("#divtogethigger").css('height', $("#iddivheight").parent().height());

如果你想为它设置动画：

$('#somediv').animate({
    height: $(this).parent().height()
  }, 5000, function() { 
    // Animation complete.
  });