Css 用滚动条堆叠的2个div

我在一个固定位置的侧边栏中有两个div，我一直在尝试让每个div都有一个可以调整的高度，以适应里面的动态元素。我让顶部的一个可以使用滚动条，但底部的一个溢出到视口之外。Top div的高度设置为200px。底部div，若我将height设置为auto，那个么div不会调整以适应元素，所以我使用height 100%，那个么div将在页面底部溢出

我怎么能让一个200px的元素位于另一个元素之上，这个元素用滚动条填充剩余的页面高度？

试试这个

#顶部{
位置：固定；
排名：0；
右：0；
背景：绿色；
高度：200px；
宽度：100px；
溢出：滚动；
}
#机器人{
位置：固定；
顶部：100px；
底部：0；
右：0；
背景：红色；
宽度：100px；
溢出：滚动；
}

测试

测试

测试

测试

测试

测试

测试

测试

测试

测试

测试

测试

测试

测试