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

Question

我有這樣一個類似的問題， 這

我想動畫一個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.
  });