關於Div適應到頁面底部

在IE8中單獨開發一套系統提供服務

由於頁首和頁尾都是嵌套的DIV，所以中間DIV在大小變化的情況下，

底部是貼着中間的，這就造就了下面一片空白的問題。

解決方案：

1、固定中間DIV高度。

問題可以解決，但是不能適應其他電腦分辨率，一旦電腦變大變小，視

圖變得極差。

2、為底部嵌套頁面添加絕對路徑。

在底部頁面的DIV中添加{position:absolute;bottom:0;}

問題也可解決。問題是必須保證中間DIV大小不超過當前能看到的全部

換言之就是大小不能太大，否則和底部又重合了。

3、第三種方法也會添加絕對路徑，不過添加了距離上不距離的方法。

底部頁面DIV樣式{position:absolute;bottom:0;}，同時使用JS

最好給底部頁面一個高度

獲取當前頁面總共高度減去底部頁面高度，就是距離頂部高度。

公式：距離頂部top=當前頁面高度-底部頁面高度

JS方法：

function(){
var height=document.body.offsetHeight;//獲取當前頁面總高度
var top=height+$(".topdiv").height();//頂部頁面的高度（注意height計算的高度沒有把頂部嵌套的頁面高度加進去）
$(".foot").css("top",top);//給底部頁面添加絕對路徑距離上面高度
}