html 二个div同时滚动,html – 如何使用浏览器的全高度分别滚动2个div

我有两个div在一行中彼此相邻.当内容溢出div时,我希望用户将它们垂直分开滚动,我还想使用当前浏览器窗口的完整高度.

这里固定高度为700px：

但是当我使用时

height:auto;

要么

height:100%;

没有单独的滚动. (灰色div有更多的文字向下)它只有主滚动,看起来像：

这里是完整的代码：

Unbenanntes Dokument

html,body{

margin:0;

padding:0

}

#maintest {

float:left;

display:block;

overflow-y:auto;

height:100%;

width:700px;

background-color:grey;

}

#discussion {

float:none;

display:block;

overflow:auto;

height:100%;

width:auto;

background-color:#B0D1E1;

}

testlink