css頁腳問題

Question

我有一個頁面，其中有一個頁眉，頁腳中間部分應該增長以填充頁面的其餘部分。

即它看起來像這樣

讓我描述我想頁面寬度 頭= 100％的固定高度佈局。我不希望它漂浮。 content =最小寬度760像素，最大1000像素 填充到頁面末尾的高度。但是，不重疊頁腳。頁腳應該被壓下。如果內容少於100％，頁腳應該在底部，而不是向上移動。 頁腳= 100％的頁面寬度，並始終在內容的底部。

現在我遇到的問題是使頁腳底部。我可以將它放在內容div下方，但不能放在頁面底部。

我如何在CSS中實現？做這樣簡單的事情似乎非常困難。

Answer 1

See this代碼在一堆不同的佈局格式。

檢查我的執行here。

Answer 2

你想絕對位置底部：0

您還需要確保在z指數高，這樣的內容將在它流（當然，這真的是你的選擇）。

如果我理解得很清楚你的問題，那麼無論內容如何，​​頁腳底部都會留下頁腳。

Answer 3

鏈接可能會有所幫助：

• css-fixed-footer
• fixed-footer
• an-old-implementation-of-fixed-footer

我的想法是：

得到一個最小高度屬性爲內容設置div（可能需要IE瀏覽器的解決方法，如總是）

，或者獲得絕對定位的頁腳底部，並設置陰性切緣頂部，也就是說，如果頁腳高度固定爲50像素，然後設置邊距來-50px

對不起我因此我無法制作演示頁面:)

此設計的一個關鍵問題是驗證該解決方案適用於所有當代瀏覽器。