主要解決問題的方法是用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表示可見區域的高度，同上。