即使瀏覽器調整大小，頁腳也應該停留在底部並保持固定位置

2011-06-14 32 views 0 likes

我有一個頁腳，只有幾個按鈕，它們位於頁面底部，距離頁面底部60px的高度，不管上面的內容是或窗口的大小是多少....這工作正常。下面是我使用的CSS：即使瀏覽器調整大小，頁腳也應該停留在底部並保持固定位置

#container 
{ 
    min-height: 100%; 
    height: 100%; 
    position: relative; 
} 
#footer 
{ 
    position: fixed; 
    bottom: 0; 
    width: 100%; 
    height: 60px; /* Height of the footer */ 
} 
#wrap 
{ 
    min-height: 100%; 
    max-height: 100%; 
}

現在的問題是，如果我調整了容器成爲滾動窗口（容器卷軸內的所有控件按預期），但頁腳仍保持在60像素頁面底部並最終與容器控件重疊。我希望頁腳停留在底部，只有當我向下滾動到頁面底部時才能看到頁面......希望我對問題很清楚！

有人請幫忙!!!

來源

2011-06-14 Pronay Sharma