固定頁腳和相對DIV

Question

我現在很困惑。 編碼確實不是我的事，所以我認為我主要是在某個地方搞砸了，從而造成了這個問題：

我正在嘗試使頁腳變粘。 頁腳確實會粘住-但前提是我將主要內容DIV（白色居中框）設為相對位置。 我需要DIV的高度來擴展內容（它將包含一個PHP腳本，該腳本將從我的Wordpress博客中提取-因此，很自然，我需要對其進行必要的調整）。 如果DIV拉伸的長度超過500像素，則說明發生了奇怪的兩卷滾動條，我討厭這樣做。 我喜歡相對的DIV，但我希望擺脫所有多余的滾動空間，並確保它隨內容拉伸/退回並且頁腳保持在原處。

我希望不要太困惑。 我只希望有人查看我的源代碼並查看我要去哪里。 感謝您的任何幫助。

http://www.missa.me/practice3.php

Answer 1

不錯的網站:)

您需要固定頁腳，

使用此CSS

#footer {
position: fixed;
height: 80px;
clear: both;
background-color: #fff;
bottom: 0;
left: 0;
right: 0;
}

並采取overflow: auto; 脫離#main

這樣做是告訴頁腳“固定”在視口的底部，因此它將始終固定在屏幕的底部overflow:auto; off將使您的#main天生具有根據其內部內容擴展其高度的自然能力。