固定頁腳和相對DIV

Question

我現在很困惑。編碼真的不是我的東西，所以我相信我大大搞砸了一個地方造成這個問題：

我試圖做一個粘腳。頁腳不會粘住 - 但只有當我將我的主要內容DIV（白色中心框）相對。我需要DIV的高度來擴展內容（這將包含一個PHP腳本，將從我的WordPress博客拉 - 因此自然，我需要它調整，如有必要）。如果DIV長度超過500px，那麼會出現一個奇怪的雙滾動條，&我討厭這個問題。我喜歡相對的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

什麼THI s是告訴頁腳保持'固定'到視口的底部，所以它會一直粘在屏幕的底部..並且關閉overflow:auto;會讓你的#main自然而然地展開它的高度，這取決於內容在裏面。