主要解决问题的方法是用JS脚本。
先看布局， 一个div是首部，另一个div是主体，主体包含左侧菜单和右侧内容。
我想把主体div的高度自适应屏幕剩余区域，怎么做？
首先，获取可见区域的高度，document.documentElement.clientHeight
然后，获取首部的高度，这会是 document.getElementById( "首部Id" ).offsetHeight
最后，计算 主体的高度 = 获取可见区域的高度 - 获取首部的高度。
把这句：
document.getElementById( "主体Id" ).style.height = document.documentElement.clientHeight - document.getElementById( "首部Id" ).offsetHeight + "px";
写进窗体加载事件onload中即可。
注意：
height是指定对象的style对象属性中的一个成员,它的值是一个字符类型的， 所以给它赋值还要加 "px"。
offsetHeight表示自身高度，在js中属于整型。
clientHeight表示可见区域的高度，同上。