вы можете добавить еще один div в div2 для отображения содержимого в нем.
на самом деле этот div будет иметь верхнее поле в 100px, чтобы избежать наложения верхнего div на ваш контент.
div2 будет расширяться сверху вниз, но верхние 100px не будут использоваться содержимым div.
Так что все в порядке, оставьте высоту div1 такой же, как и у верхнего поля содержимого. тогда все будет хорошо
HTML:
<body>
<div class="div1">div1 div1 div1 div1</div>
<div class="div2">
<div class="content">
<div2 test <br/>
<div2 test <br/>
<div2 test <br/>
<div2 test <br/>
</div>
</div>
</body>
и css будет выглядеть примерно так:
html,body {height:100%;width:300px;margin:0px;}
div.div1 {height:100px; background-color:red; position:absolute; width:300px;}
div.div2 {background-color:blue; height:100%;}
div.content {margin-top:100px; float:left; width:100%;}
Если вы хотите полностью скрыть прокрутку, просто добавьте overflow:hidden к div.div2
также вы можете придать контейнеру одинаковый цвет фона, чтобы div2 выглядел без шва (он не будет расширяться после прокрутки).
div.content {margin-top:100px; float:left; width:100%; background:blue;}
ура