2个div与滚动条堆叠在一起

Question

我在固定位置侧边栏中有2个div，我一直试图让每个人都有一个高度可以调整以适应里面的动态元素。我得到了顶部的一个使用滚动条，但底部的一个溢出在视口外。顶级div的高度设置为200px。底部div，如果我有高度自动div没有调整以适应元素，所以我使用高度100％然后div溢出在页面底部。

如何在填充剩余页面高度的另一个元素的顶部放置200px元素，每个元素都有一个滚动条？

Answer 1

试试这个。

＆＃13;

＆＃13;

pg_dump

＆＃13;

#top {
position: fixed;
top: 0;
right: 0;
background: green;
height: 200px;
width: 100px;
overflow: scroll;
}

#bot {
position: fixed;
top: 100px;
bottom: 0;
right: 0;
background: red;
width: 100px;
overflow: scroll;
}

＆＃13;

＆＃13;

＆＃13;