jquery - 对齐窗口 innerheight 底部的 div

Question

我有一个 header ，其高度等于窗口的 innherheight。不过，这会使页眉的子元素处于相同的位置，就好像页眉的高度未定义一样。我想将一个特定的 child 放在标题的底部，而不管它的高度如何。实际上，div 将位于屏幕底部，直到向下滚动。是否有一些简洁的 jquery 解决方案？

$(document).ready(function() {
  function setHeight() {
    windowHeight = $(window).innerHeight();
    $('header').css('min-height', windowHeight);
    };
    setHeight();

    $(window).resize(function() {
      setHeight();
    });
});

header {background-color:black; width:100%;}
#top {background-color:blue;}
#center {padding:1em; background-color:red;}
#bottom {background-color:green;}

<header>
<div id="top">top</div>
<div id="center">center</div>
<div id="bottom">bottom</div>
</header>

Answer 1

我不知道为什么你有一个高度等于窗口高度的标题标签。但是为了帮助您解决问题，您可以使用，

我正在为您提供一个无需 js 即可使用的解决方案。

将 body 和 html 标签的高度设置为 100%。

body, html {
    height:100%;
}

header {
    min-height: 100%;
}

#bottom {
    position: absolute;
    bottom: 0;
}

这是您要找的吗？