html - 灵活、固定的 div - 需要在底部粘贴另一个 div

Question

div A 灵活且固定(位于窗口顶部)，具有高 z-index，因此下方的元素可以在滚动时从下方通过。

div B 位于 div A 下方，我希望它“粘”在 div A 的底部，因为在调整窗口大小时高度会 flex 。换句话说，让 A 和 B 之间的边距保持一致。

恐怕我想多了，解决方案很简单，但我看不到。

HTML

<div id="A">
    some content
</div>

<div id="B">
    some content
</div>

CSS

#A {
position: fixed;
z-index: 200;
width: 100%;
}

#B {
position: relative;
z-index: 100;
width: 100%;
}

Answer 1

a {
  position:fixed;
}

b {
  position:absolute;
  bottom:0;
}

我认为这会起作用，但不知道它对固定而不是相对“a”有何 react