javascript - 使用 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.
  });